ngrokの導入(Windows 10)
ngrokとは
localhostで動いているサービスを、外部に公開できるサービスです。
例えば、レスポンシブ対応をした後に、実際に携帯で確認するには、デプロイさせて確認すると思いますが、それをせずに、ngrokが発行するurlにアクセスしたら、変更内容が反映されて、確認できる!みたいなことができます。
導入
このリンクから、OSに対応したものをダウンロードします。
ダウンロードしたものは任意の場所に保存して、解凍します。そしたら
ngrok.exe
というファイルができるので、それをクリックして開くか、コマンドプロンプトから開きます。開くと以下のような画面が出てきます。
NAME:
ngrok - tunnel local ports to public URLs and inspect traffic
<省略>
VERSION:
2.3.35
<省略>
ngrok is a command line application, try typing 'ngrok.exe http 80'
at this terminal prompt to expose port 80.
C:\ngrok>
これで導入は完了です。
使い方
あとは必要なコマンドを適宜打っていくだけです。
バージョン確認
C:\ngrok> ngrok -v
ローカルで動かしているサイトに接続
C:\ngrok> ngrok http <ポート番号>
// 例:私の場合はlaravelのアプリで使いたかったので
// vs code や コマンドプロンプト・ターミナルで
> php artisan ser
Starting Laravel development server: http://127.0.0.1:8000
// この場合8000がポート番号なので
C:\ngrok> ngrok http 8000
と入力
そのあとにでてくるURLにアクセスしたら確認できる。
Forwarding http://{{ ここにURLが出てくる }} -> http://localhost:8000
以上です。
参考記事
リージョンがdefaltでUSになっているのでそこを変えたい人はこの記事を参考に
この記事が気に入ったらサポートをしてみませんか?