器用貧乏です。はげたかです。日記です。

どうも、はげたかです。今まで器用貧乏に生きてきました。ジェネラリスト・フルスタックエンジニアを目指しています。

今日の一言:カテゴリ分けをしっかりしたらPVあがるかな?

ローカル環境で外部公開できる「ngrok」がすごかった。

はじめに

liginc.co.jp

LIGの記事で、上記のものを発見した。

すごそうなので、早速やってみた。

インストール

brew install ngrok

==> Downloading https://downloads.sf.net/project/machomebrew/Bottles/ngrok-1.7.maveric
######################################################################## 100.0%
==> Pouring ngrok-1.7.mavericks.bottle.tar.gz
🍺  /usr/local/Cellar/ngrok/1.7: 4 files, 9.8M

おk

使ってみる

LIGの記事で少し説明不足の部分を補足していく。

1. サーバーをたてる

rails s

=> Booting WEBrick
=> Rails 4.1.8 application starting in development on http://0.0.0.0:3000
=> Run `rails server -h` for more startup options
=> Notice: server is listening on all interfaces (0.0.0.0). Consider using 127.0.0.1 (--binding option)
=> Ctrl-C to shutdown server
[2015-04-14 23:12:29] INFO  WEBrick 1.3.1
[2015-04-14 23:12:29] INFO  ruby 2.1.1 (2014-02-24) [x86_64-darwin12.0]
[2015-04-14 23:12:29] INFO  WEBrick::HTTPServer#start: pid=83306 port=3000

これでサーバー立ちあげられる。(Railsのだが)

ngrokを使う

上記のログを見ると、:3000ポートでサーバを立ち上げているので、ngrokも3000ポートを指定する。8080で立ち上げたら、ngrok 8080をコマンドラインに入力する。おkかな?

ngrok 3000

ngrok                         new version available at https://ngrok.comto quit)
                                                                                
Tunnel Status                 online                                            
Version                       1.7/1.7                                           
Forwarding                    http://4487b438.ngrok.com -> 127.0.0.1:3000       
Forwarding                    https://4487b438.ngrok.com -> 127.0.0.1:3000      
Web Interface                 127.0.0.1:4040                                    
# Conn                        0                                                 
Avg Conn Time                 0.00ms                                            
                                                                                
実際に入る

Forwarding http://4487b438.ngrok.com -> 127.0.0.1:3000

http://4487b438.ngrok.com

ここへアクセスする。

f:id:hagetak:20150414232018p:plain

本当に立ち上がっている!スマートフォンでもアクセスを確認した。とても便利だな。 友だちに簡単に見せたいとき、デザインを考えてもらうときに重宝するね!これは

しっかりとログも出力されていて、

Started GET "/" for 127.0.0.1 at 2015-04-14 23:12:49 +0900
  ActiveRecord::SchemaMigration Load (0.2ms)  SELECT "schema_migrations".* FROM "schema_migrations"
Processing by StaticPagesController#index as HTML
  Rendered static_pages/index.html.erb within layouts/application (6.1ms)
Completed 200 OK in 1476ms (Views: 1460.3ms | ActiveRecord: 0.0ms)
HTTP Requests                                                         
-------------                                                         
                                                                      
GET /assets/application.js    304 Not Modified                        
GET /assets/static_pages.js   304 Not Modified                        
GET /assets/messages.js       304 Not Modified                        
GET /assets/jquery.onepage-sc 304 Not Modified                        
GET /assets/jquery.flexslider 304 Not Modified                        
GET /assets/jquery.bxslider.m 304 Not Modified                        
GET /assets/boards.js         304 Not Modified                        
GET /assets/backstretch.js    304 Not Modified                        
GET /assets/aikotoba.js       304 Not Modified                        

うん。いいかんじだ。

Ruby on Rails 4 アプリケーションプログラミング

Ruby on Rails 4 アプリケーションプログラミング