ngrok

概要

仮想環境(Guest System)で開発をする時ローカルマシン(Host System)からの接続以外に外部環境/外部IPから接続する場合があります。この時ngrokを使ったら簡単に環境を設定することができます。

下記のリンクはngrokをテストするためアンシブル(Ansible)で作ったララベル(Laravel)の仮想環境(Guest System)です。

アンシブル&ララベル

ここで紹介するngrokの使い方は開発とテストのためです。

ngrok 公式サイト: https://ngrok.com/

アンシブル設定

下記のリンクで構成した仮想環境(Guest System)は

アンシブル&ララベル

下記のようです。

|-- ansible
|    |-- init
|    |    |-- tasks
|    |    |    |-- main.yml
|    |-- docker
|    |    |-- tasks
|    |    |    |-- main.yml
|    |-- laradock
|    |    |-- tasks
|    |    |    |-- main.yml
|    |-- php
|    |    |-- tasks
|    |    |    |-- main.yml
|-- Vagrantfile

ここでngrokに必要なroleファイルを　ansible/ngrok/tasks/main.ymlに追加します。

|-- ansible
|    |-- init
|    |    |-- tasks
|    |    |    |-- main.yml
|    |-- docker
|    |    |-- tasks
|    |    |    |-- main.yml
|    |-- laradock
|    |    |-- tasks
|    |    |    |-- main.yml
|    |-- php
|    |    |-- tasks
|    |    |    |-- main.yml
|    |-- ngrok
|    |    |-- tasks
|    |    |    |-- main.yml
|-- Vagrantfile

追加したansible/ngrok/tasks/main.ymlファイルを開いて下記のように修正します。

---
- name: Unarchive ngrok
  become: true
  unarchive:
    src: ngrok.zip
    dest: /vagrant
  tags:
    - ngrok

実際、このroleはファイルをの圧縮解除だけします。ここに必要なファイルは下記のリンクを使ってダウンロードします。

ngrok ダウうんロードサイト: https://ngrok.com/download

または、私たちのリポジトリ(Repository)からダウンロードします。

laravel-devtool github: laravel-devtool

ダウンロードしたファイルをansible/filesにコピーします。

上で設定したngrokの roleを使うためansible/playbook.ymlファイルを開いて下記のように修正します。

---
- hosts: localhost
  connection: local
  roles:
    - init
    - docker
    - laradock
    - php
    - ngrok

仮想環境実行

下記のコマンドで仮想環境(Guest System)を実行します。

vagrant up

仮想環境(Guest System)を初めて起動した方は結構時間がかかります。また、上で追加したngrok設定も自動で進めます。

既存、私たちのアンシブル(Ansible)を使って仮想環境(Guest System)を構成したことがある方は下記のコマンドを使ってngrok設定を実行します。

# vagrant up
vagrant ssh
sudo ansible-playbook /vagrant/ansible/playbook.yml --tags 'ngrok'

ngrok起動

上で仮想環境(Guest Syste)を構成した方は下記のコマンドでngrokを起動します。

# vagrant ssh
cd /vagrant/
./ngrok http -region=ap 80

そしたら下記のような画面が見えます。

Session Status                online
Session Expires               7 hours, 59 minutes
Version                       2.2.8
Region                        Asia Pacific (ap)
Web Interface                 http://127.0.0.1:4040
Forwarding                    http://cf354047.ap.ngrok.io -> localhost:80
Forwarding                    https://cf354047.ap.ngrok.io -> localhost:80

ここに見えるForwardingのURLを使ったら外部から仮想環境(Guest System)に接続が出来ます。これはあくまでテストと開発用ですのでテストする時や開発する時だけ使ってください。