localhostをlocaltunnelを使用して外部に公開してみた🔥

localtunnelの設定方法

npm install -g localtunnel

-gでグローバルにインストールし終われば

自分の環境のpackage.jsonに画像の10行目を追加してください(他のコードは無視して下さい)

"expose": "lt --port 5001 --subdomain myapp --print-requests"
5001が公開したいlocalhostのport番号になっているので自分がlocalhostで使用している
port番号を指定して下さい
あとのアルファベットはそのままで大丈夫です🙆

localtunnelの実行方法

ターミナル上で

npm run expose

を実行するとURLが発行されます

localtunnelの確認方法

ターミナルにURLが表示されるのでそこへアクセスして下さい

アクセスするとこの画面になり、青文字でリンクになっている
If you're running localtunnel on a local computer, go to this link in your browser:このURLをクリックして下さい

クリックすると自分のIPアドレスが画面左端に出るのでそれをコピーし、
画像真ん中にあるendPoint IPにペーストし、Click to Submitを押せば完了です