ngrokの導入（Windows 10）

ngrokとは

localhostで動いているサービスを、外部に公開できるサービスです。

例えば、レスポンシブ対応をした後に、実際に携帯で確認するには、デプロイさせて確認すると思いますが、それをせずに、ngrokが発行するurlにアクセスしたら、変更内容が反映されて、確認できる！みたいなことができます。

導入

このリンクから、OSに対応したものをダウンロードします。

ngrok - download

ダウンロードしたものは任意の場所に保存して、解凍します。そしたら

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

以上です。

参考記事

ngrokの利用方法 - Qiita

リージョンがdefaltでUSになっているのでそこを変えたい人はこの記事を参考に

ngrokはregionを指定できる - Qiita