作業マシンのローカルサーバを出先で見せたい場面があり、どうにかできないか試行錯誤していたところ、トンネリングサービス「ngrok」がとても便利だったのでご紹介いたします。具体的にはテストサーバへのファイルアップが面倒だったり、テストサーバ自体が無い状況で開発中のサイトを共有したい場合において、ngrokを使うことでローカルサーバをLANを超えて閲覧させることが可能になります。ダウンロード以下のページより、ご自分のマシンに合ったファイルをダウンロードしてください。ngrokダウンロードしたファイルを解凍し、ngrok.exeをローカルサーバのルートフォルダに格納します。D:hogengrok.exengrokを起動ngrok.exeをダブルクリックで起動すると、コマンドプロンプトが表示されます。80.D:hoge>ローカルサーバのポートを解放ngrok.exeを起動後、以下のコマンドを叩くと乱数のURLが表示されます。ここではポートは「80」としました。80以下のように、乱数のURLが発行されます。localhost:80これで、D:hogeをhttp://●●●●●●●.ngrok.ioで閲覧することが可能になります。以下のコマンドで起動することで、Basic認証をかけることもできます。80サブドメインを使用したい場合なお、この乱数URLは毎回ngrokを起動するたびに変わります。固定のサブドメインで閲覧したい場合は、ngrokにサインアップして有料プランを申し込む必要があります。ngrokにサインアップ以下のURLから必要事項を入力し、サインアップします。以下のURLよりauthtokenの文字列をコピーし、ngrok.exeから起動後、コマンドを実行します。けて、以下のコマンドを打つと固有のサブドメインでURLが発行されます。80発行されたURLが「hogemoge」になっていれば成功です。localhost:800バーチャルホスト名で閲覧したい場合これもサブドメイン同様有料プランを申し込まないと使えませんが、バーチャルホストの設定で名前を割り当てている場合、vhosts.confに以下の記述を加えることで指定したバーチャルホストを外部PCから閲覧可能にすることができます。hoge.ngrok←この行を追加</VirtualHost>以下のコマンドで指定のバーチャルホストにアクセスできるようになります。80まとめファイアウォールに一部穴を空ける(ポートを解放する)ため、セキュリティには十分注意が必要ですが、いざという時に使えます。有償利用しても年額5ドルとかなので、お財布にも優しいです。テストサーバが何かしらの事情で用意できなかったり、気軽に開発状況をシェアしたい際などにぜひ活用してみてください。ため、即時には反映されません。住宅ローン2019年5月7日さらに見る記事を書いている人フォローするRSSを購読するWebデザイナー/フロントエンド・エンジニアのMasaです。独学でWebデザインを勉強後Web業界へ就職し、今の会社に勤めて12年目になりました。2016年4月にマイホームを購入し、休日は芝生いじりと育児に励んでいます。