フレームワーク各種ローカルサーバ接続用コマンドチートシート

いろいろなフレームワークを、centOS7で接続するときに便利なローカルサーバ接続用のコマンド集です。ローカルホスト接続はよく見るのですが、この条件を毎回調べるのが面倒なので、今までにテスト起動した上で備忘録としてまとめたものです。

2025年2月13日、Astroを追加、Viteに追記（Remix、solidJSの場合）。

※随時修正

# ①PHP編

## 1：Laravel7
デフォルトポートは8000

プロジェクトに遷移し、以下のサーバ起動コマンドを打ち込む

```
#php artisan serve --host 0.0.0.0
```

**192.68.11.xx:8000**
![laravel7.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/272191/2cd5a840-2ddf-171a-9cf8-e473bbbece0d.jpeg)

## 2：cakePHP4
インストール確認ならサーバ起動不要

**192.168.11.xx/プロジェクト名/index.php**

サーバ起動の場合は、デフォルトポートは8765

```
#bin/cake server -H 0.0.0.0
```

**192.168.11.xx:8765**
![cake4.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/272191/2f939a34-fc59-b4c9-4bec-06df66540a66.jpeg)


## 3：CodeIgniter4
インストール確認ならサーバ起動不要

**192.168.11.xx/プロジェクト名/public**

サーバ起動の場合は、デフォルトポートは8080

```
#php spark serve --host 0.0.0.0
```

**192.168.11.xx:8080**
![ci4.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/272191/8c7d6ec8-a045-fd3c-6fbf-617b4af8f2bf.jpeg)

## 4：Symfony
### ■Symfony3の場合
デフォルトポートは8000

```
#php bin/console server:start 0.0.0.0
```

**192.168.11.xx:8000/**

※php-posixが足りないというエラーが出る場合は、php-processの最適バージョンをインストールする

### ■Symfony5の場合
デフォルトポートは8000

```
#php -S 0.0.0.0:8000 -t public
```

**192.168.11.xx:8000/**
![symfony5.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/272191/5d28d4e8-868f-16e4-154c-8ac184295bd4.jpeg)

## 5：Yii2
インストール確認ならサーバ起動不要
**192.168.11.xx/yii2/web/**

サーバ起動の場合は、デフォルトポート8000

```
#php yii serve 0.0.0.0 --port=8000
```

**192.168.11.xx:8000**
![yii2.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/272191/8e17b653-2ca2-1a9d-f463-09807a780ff5.jpeg)


## 6：Zend Framework2
デフォルトポートは8000

インストール確認ならサーバ起動不要

**192.168.11.xx/プロジェクト名/public/**

サーバ起動の場合は

```
#php -S 0.0.0.0:8000 -t public/ public/index.php
```

**192.168.11.xx:8000**
![zend.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/272191/509b5d5d-37ea-3362-9506-fe25677d66b4.jpeg)

# ②Javascript編

## 1：React Native
デフォルトポートは3000

### ①package.jsonに追記する

```js:webpacker.config.js
  "scripts": {
    "start": "PORT=8080 react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
}
```

### ②起動
```
$npm start
```

**192.168.11.xx:8080**

## 2：Vue-CLI
デフォルトポートは8080

### ①package.jsonに追記

```json:package.json
"serve": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js --host 0.0.0.0 --port=xxxx
```

### ②起動

```
#npm run serve
```

**192.168.11.xx:8080**

## 3: Express(Node.js)
デフォルトポートは3000

```
#node 任意のjsファイル -h 0.0.0.0
```

**192.168.11.xx:3000**

## 4 Angular-CLI
デフォルトポートは4200

```
#ng serve --host 0.0.0.0
```

**192.168.11.xx:4200**

### ポート番号を変えたい場合
angular.jsonから以下のようにhostとportを追記

```json:angular.json
        "serve": {
          "builder": "@angular-devkit/build-angular:dev-server",
          "defaultConfiguration": '',
          "options": {
            "browserTarget": "MyAngular:build",
						"host": "0.0.0.0",
						"port": 8080,
          },
```

## 5 Svelte
デフォルトポートは5000

### ①package.jsonに追記

```json:package.json
 "scripts": {
    "build": "rollup -c",
    "dev": "HOST=0.0.0.0 rollup -c -w",
    "start": "sirv public"
  },
```

### ②起動

```
#npm run dev
```

# 6 Vite
Viteはどのフレームワークであっても共通のようです。solidJS、RemixなどもこれでOK。

### ①vite.config.jsに追記

```vite.config.js
export default defineConfig({
  server:{
    host: true,
  }
});
```

### ②起動

```
#npm run dev
```

**192.168.11.xx:xxxx**

# 7 Astro
デフォルトポートは4321

### ①package.jsonに追記
hostだけでローカルサーバを認識してくれます。
```json:package.json
  "scripts": {
    "dev": "astro dev --host",
    "build": "astro build",
    "preview": "astro preview",
    "astro": "astro"
  },
```

### ②起動

```
# npm run dev
```

**192.168.11.xx:4321**

# ③Ruby編

## 1：Rails
デフォルトポートは3000

```
#bundle exec rails s -b 0.0.0.0
```

※bundle execを省略する方法もあるので、その場合はbundle execは不要。

**192.168.11.xx:3000/**

## 2：Sinatra
デフォルトポートは4567

```
#bundle exec ruby 任意のrbファイル -o 0.0.0.0
```

**192.168.11.xx:4567**

# ④Python編

## 1：Django
デフォルトポートは8000

### ①起動設定

```
#vi /プロジェクト名/setting.py
```

以下のように書き換えて保存

```py:setting.py
ALLOWED_HOSTS = ["*"]
```

### ②起動

```
#python manage.py runserver 0.0.0.0:8000
```

**192.168.11.xx:8000/プロジェクト名**

## 2：Flask
デフォルトポートは5000

各種pyファイルのサーバ設定に以下のように書き込む。

```py
#サーバ接続設定
if __name__ == "__main__":
 app.run(host='0.0.0.0')
```

```
#python 任意のpyファイル
```

**192.168.11.xx:5000/**