SolidJS 外部IPで実行する

作成日 2022.08.04
SolidJS
SolidJS

SolidJSを外部IPで実行するまでの手順を記述してます。

1. 環境
2. 外部IPで実行
3. package.json

環境

OS Ubuntu22.10
SolidJS 1.4.7

外部IPで実行

「vite.config.js」に「host」を追加します。
※「0.0.0.0」は全てのIPが許可されます。

import { defineConfig } from 'vite';
import solidPlugin from 'vite-plugin-solid';

export default defineConfig({
  plugins: [solidPlugin()],
  server: {
    host: '0.0.0.0',
    port: 3000,
  },
  build: {
    target: 'esnext',
  },
});

実行します。

$ sudo npm run dev

> vite-template-solid@0.0.0 dev
> vite


  VITE v3.0.3  ready in 495 ms

  ➜  Local:   http://localhost:3000/
  ➜  Network: http://192.168.1.100:3000/

package.json

または、例えば「npm dev」実行時に外部IPを指定する場合は、以下の「dev」の箇所に
「–host 0.0.0.0」を追加しても可能です。

  "scripts": {
    "start": "vite",
    "dev": "vite --host 0.0.0.0",
    "build": "vite build",
    "serve": "vite preview"
  },

実行します。

$ sudo npm run dev

> vite-template-solid@0.0.0 dev
> vite --host 0.0.0.0


  VITE v3.0.3  ready in 555 ms

  ➜  Local:   http://localhost:3000/
  ➜  Network: http://192.168.1.100:3000/

これ、外部からアクセスすることが可能になります。