ngrokでローカルで動いているWebアプリケーションをインターネットに公開する方法

Webアプリケーションを公開する場合は、AWSやHerokuなどでホスティングする必要があるが、一時的に他人に公開したいときや単純にスマートフォンで動作を確認したい時などはそれらの方法だと面倒である。 しかし、ngrokを使えばローカルで動いているWebアプリケーションをコマンド一つでインターネットに公開することが可能になる。 ngrokのインストール方法と使用方法を説明する。

Keywords

  • ngrok

Contents

  • 1. ngrokにログイン
  • 2. コマンドのダウンロードとセットアップ
  • 3. PHPでローカルサーバを立ててそれをホスティングしてみる。
  • 4. 参照URL

ngrokにログイン

ngrok公式より、ログインを行う。

メールアドレスとパスワード認証の他にGithub認証やGoogle認証も可能

コマンドのダウンロードとセットアップ

認証すると下記の画面が出てくるので、その通り実行。

パスを通すか、パスが通っているディレクトリにコピーしておくと良いと思います。

PHPでローカルサーバを立ててそれをホスティングしてみる。

test.phpにHello, World!を出力する処理を記載。

<?php

echo "Hello, World!";

ローカルサーバを立てる

php -S localhost:8000 test.php

ローカルサーバが起動していることを確認

ngrokを使用してインターネットに公開する

ngrok http 8000

標準出力にあるhttps://cb0d031c.ngrok.io にアクセスするとローカルサーバと同様にHello, World表示されている。

とても簡単。

参照URL

https://dashboard.ngrok.com/