LoginSignup
12
11

More than 5 years have passed since last update.

ngrokを使って開発中のサービスをインターネットに公開する

Last updated at Posted at 2015-11-22

ngrokを使うとNATやfirewallの中のローカルマシンで動いているサービスをインターネットに公開できるようなので試してみました。
ここではVagrantで作ったVMにWordpressをインストールして、ngrokを使ってインターネットに公開します。

環境

  • Vagrant 1.7.4
  • CentOS release 6.7 (Final)

CentOSは下記のVagrantfileを使って作りました。

Vagrantfile
# -*- mode: ruby -*-
# vi: set ft=ruby :

box = "bento/centos-6.7"

Vagrant.configure(2) do |config|
  config.vm.box = box
  config.vm.hostname = "centos"
  config.vm.network "private_network", ip: "192.168.10.10"
end

Wordpressのインストール

VagrantfileからVMを作成して、Wordpressをインストールしていきます。

$ vagrant up && vagrant ssh
[vagrant@centos ~]$ sudo yum install -y mysql-server httpd php php-mysql unzip
[vagrant@centos ~]$ wget https://wordpress.org/latest.zip
[vagrant@centos ~]$ unzip latest.zip
[vagrant@centos ~]$ sudo mv wordpress/ /var/www/html/
[vagrant@centos ~]$ sudo chown -R apache:apache /var/www/html/wordpress
[vagrant@centos ~]$ sudo service mysqld start
[vagrant@centos ~]$ sudo /usr/bin/mysqladmin -u root password root # 管理者パスワード設定
[vagrant@centos ~]$ mysql -uroot -proot -e 'create database wp' # Wordpress用DB作成
[vagrant@centos ~]$ sudo service httpd start

ここまできたらブラウザで http://192.168.10.10/wordpress にアクセスして下記のような設定画面が表示されることを確認します。

Screen Shot 2015-11-22 at 21.11.48.png

ngrokのインストールと実行

ngrokのインストールはダウンロードして、解凍するだけです。

[vagrant@centos ~]$ wget https://dl.ngrok.com/ngrok_2.0.19_linux_amd64.zip
[vagrant@centos ~]$ unzip ngrok_2.0.19_linux_amd64.zip

ngrokを実行してWordpressをインターネットからアクセスできるようにします。

[vagrant@centos ~]$ ./ngrok http 80

connectingから下記のようにonlineになればインターネットからアクセス可能になります。

Screen_Shot_2015-11-22_at_21.16.45.png

Fowardingの欄にかかれているアドレス http://*****.ngrok.io/wordpress にブラウザからアクセスします。
再度設定画面がでるのでWordpressの設定を行って使えるようにします。

Screen Shot 2015-11-22 at 21.11.48.png

データベース情報は下記のようになっています。

設定項目 設定値
Database Name wp
User Name root
Password root
Database Host localhost

正しく設定できれば、下記のように投稿した記事が見れると思います。

Screen Shot 2015-11-22 at 21.26.56.png

より詳しい使い方

公式マニュアルhttps://ngrok.com/docsをご参照ください。

12
11
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
12
11