2021年6月6日日曜日

ローカル環境でnpm start をHTTPではなくHTTPSで起動する

 reactなどの開発をしているときに、npm startで、ローカルサーバを立ち上げるけど、そのままだと、http://xxx.xxx.xxx.xxx:3000/になりHTTPでのアクセスとなる。

 

React-QR-Readerを使おうとしたときに、Android(iPhoneもそうらしい)の場合、httpでのアクセスではブラウザからカメラを使うことができず、httpsでのアクセスが必要となるので動かない。

立ち上げ方が以下のページにあったので、とりあずメモ。

(参考)
https://create-react-app.dev/docs/using-https-in-development/


(Wndowsコマンドプロンプトの場合)

      set HTTPS=true&&npm start

(PowerShellの場合)VisualStudioCodeのコンソールはこちら

      ($env:HTTPS = "true") -and (npm start)

(Linux Bashの場合)

       HTTPS=true npm start