localhostでデバッグしてる開発中のサイトをスマホでも確認したい。

開発中のサイトをスマホで開こうとする時、調べるとpcのipアドレスを入力する方法がたくさん出てきたが普通にめんどくさかった。
ngrokを使ってそこらへんを省きたい。

↓からngrokをインストール。最初はサインアップしないといけない。

フレームワークなど使ってない場合はローカルサーバーを任意のポートでたてる。別にpython以外でも構わない。

python -m http.server xxx

ngrokのxxxにポート番号を指定する。

ngrok http xxx

↓のようにhttps://xxxx-xxx-xx-xxx-xxx.ngrok-free.appが出てくる。このアドレスでスマホでも開発中のサイトにアクセスできる。

Forwarding    https://xxxx-xxx-xx-xxx-xxx.ngrok-free.app -> http://localhost:3000