JetBraions WebStorm IDEの設定
テストサーバーをLAN内からアクセスを許可する(Vue.js)
LAN内のデバイスからテストサーバーへアクセスするためには、vite.config.js に host: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
https://localhost:3333 にアクセス。ブラウザが「この接続は安全ではありません」と警告を出す場合、詳細設定 → 続行 を選択すればOK。npm start