Help us understand the problem. What is going on with this article?

ngrokの使い方(windows, mac)

More than 3 years have passed since last update.

概要

ngrokとは、localhostで動いているサーバーを、LANの外からアクセスできるようにできるツールです。
vagrantなどのローカル環境を一時的に外部に公開できるため、webhookなどの受信が必要なシステムでも、ローカルで動かすことが可能となります。

windows, mac両環境でのインストール手順です。

環境

  • macOS Sierra 10.12.3 / Windows 7, 10
  • ngrok 2.2.4
  • Vagrant 1.9.0

インストール

windowsの場合

  • ここからwindows版ダウンロード
  • ダウンロードしたngrok.zipを任意のフォルダに解凍

macの場合

ホストOSで以下を実行してインストールする。

  • ここでmac版のダウンロードURLを調べて、CURLでダウンロード
[HostOS]$ curl -O https://bin.equinox.io/c/4VmDzA7iaHb/ngrok-stable-darwin-amd64.zip
[HostOS]$ unzip ngrok-stable-darwin-amd64.zip

Vagrantfileを編集

ホストOSに対する8888ポートへのアクセスを、ゲストOSの80ポートに転送する。

Vagrantfile

Vagrantfile
config.vm.network :forwarded_port, host: 8888, guest: 80

Vagrantfile再起動

[HostOS]$ vagrant reload

ngrokを起動

ngrokをダウンロードしたディレクトリに移動して、下記コマンドで起動。
windowsの場合はコマンドプロンプトなどで、macの場合はterminalなどで実行。

windowsの場合

[HostOS]$ ngrok http 8888

macの場合

[HostOS]$ ./ngrok http 8888
EXAMPLES:
    ngrok http 80                    # secure public URL for port 80 web server
ngrok by @inconshreveable                                                                                                                                           (Ctrl+C to quit)

Session Status                online
Version                       2.2.4
Region                        United States (us)
Web Interface                 http://127.0.0.1:4040
Forwarding                    http://xxxxxxxx.ngrok.io -> localhost:8888
Forwarding                    https://xxxxxxxx.ngrok.io -> localhost:8888

Connections                   ttl     opn     rt1     rt5     p50     p90
                              6       0       0.05    0.02    23.33   25.98

これで、ブラウザからhttp://xxxxxxxx.ngrok.io へアクセスすると、vagrantの80番ポートにアクセスが可能となります。
また、ngrokのアドレスは、起動するたびに変わります。

以上

Esfahan
WEB系出身。現在はビッグデータの基盤構築、ETLなどがメイン。 / YouTubeで料理チャンネルやってます → https://www.youtube.com/channel/UCDnYBh2TtUAfQ0Z-tl0jTyw
https://www.youtube.com/channel/UCDnYBh2TtUAfQ0Z-tl0jTyw
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
Comments
No comments
Sign up for free and join this conversation.
If you already have a Qiita account
Why do not you register as a user and use Qiita more conveniently?
You need to log in to use this function. Qiita can be used more conveniently after logging in.
You seem to be reading articles frequently this month. Qiita can be used more conveniently after logging in.
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
ユーザーは見つかりませんでした