Vagrant × ngrokでローカル環境をシェアしてみた
Vagrantで仮想マシン上にWebサーバを構築、ngrokを使って外部公開してみました。
目次
環境
端末: Mac Book Air (2017)
OS: Monterey v12.6
CPU: Intel Core i5
仮想マシン: VirtualBox
ngrok
ローカルで動かしているサーバーをトンネリング使って外部公開できるサービスとのことです。
手順
- 環境準備
- ngrokアカウント作成
- ngrokインストール・設定
- シェアしてみる
1. 環境準備
事前になければ、Vagrantで仮想環境を準備。
- Vagrantfile
- Webサーバの(NginxやApache)設定
- ネットワーク周り
2. ngrokアカウント作成
ngrokのアカウントを作成。
(Githubアカウントと連携可)
3. ngrokインストール・設定
下記コマンドでngrokインストール。
$ brew install ngrok/ngrok/ngrok
トークンを設定。
(トークンはngrokのアカウントページにある)
$ ngrok config add-authtoken <token>
4. シェアしてみる
Vagrantfile内のforwarded_portで設定しているホスト側のポートを指定して、トンネル設定。
(自分の環境は8080)
$ ngrok http 8080
Forwardingの行にURLが出力されるのでブラウザに入れると仮想環境のWebページが表示されます。
感想
非常に簡単に公開できました。
サンプルでちょっとしたWebページ見せたいとかであれば、クラウドでサーバー立てたりしなくてもこれで十分だと思います。
