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

2024年2月22日、Viteを追加

※随時修正

①PHP編

1：Laravel7

デフォルトポートは8000

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

#php artisan serve --host 0.0.0.0

192.68.11.xx:8000

2：cakePHP4

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

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

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

#bin/cake server -H 0.0.0.0

192.168.11.xx:8765

3：CodeIgniter4

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

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

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

#php spark serve --host 0.0.0.0

192.168.11.xx:8080

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/

5：Yii2

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

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

#php yii serve 0.0.0.0 --port=8000

192.168.11.xx:8000

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

②Javascript編

1：React Native

デフォルトポートは3000

①package.jsonに追記する

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に追記

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を追記

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に追記

package.json

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

②起動

#npm run dev

6 Vite

Viteはどのフレームワークであっても共通のようです。

①vite.config.jsに追記

vite.config.js

export default defineConfig({
  server:{
    host: '0.0.0.0'
  }
});

②起動

#npm run dev

192.168.11.xx:xxxx

③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

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

setting.py

ALLOWED_HOSTS = ["*"]

②起動

#python manage.py runserver 0.0.0.0:8000

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

2：Flask

デフォルトポートは5000

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

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

#python 任意のpyファイル

192.168.11.xx:5000/