JetBraions WebStorm IDEの設定

テストサーバーをLAN内からアクセスを許可する(Vue.js)

LAN内のデバイスからテストサーバーへアクセスするためには、vite.config.jshost:true を設定する。

テストサーバー起動時のポートを変更する(React)

デフォルトでは localhost:3000 で起動するが、ポート番号を変更したい場合はpackage.json"start": "PORT=3333 react-scripts start", でポートを指定する。

またLAN内であれば、iPhoneなどのスマートフォンからでもアクセスできる。そのURLはコンソールに出力されている。

現在の package.json を見ると、react-scripts を使用して create-react-app でプロジェクトを構築しています。この環境で beforeinstallprompt を発生させるために、HTTPS を有効にする方法を紹介します。

テストサーバーでHTTPSを有効にする(React)

react-scripts には、開発サーバーを https で起動するオプションがあります。.env ファイルをプロジェクトのルートに作成し、以下を追加:
HTTPS=true

開発サーバーを再起動:

sh
npm start
https://localhost:3333 にアクセス。ブラウザが「この接続は安全ではありません」と警告を出す場合、詳細設定続行 を選択すればOK。

関連記事

最後までご覧いただきありがとうございます!

▼ 記事に関するご質問やお仕事のご相談は以下よりお願いいたします。
お問い合わせフォーム