ngrokの場合

インストール

下記のコマンドを実行する。

$ brew install ngrok

上記のコマンドでダメだった場合

$ brew cask install ngrok

※私はこちらでした。

ngrokを実行

ngrokの後にローカルで起動しているページのポート番号を入れ起動する。

$ ngrok http 3001

実行して下記様な文字が出れば起動成功。

ngrok by @inconshreveable                                                                                              (Ctrl+C to quit)

Session Status                online                                                                                                   
Account                       varutane (Plan: Free)                                                                                    
Update                        update available (version 2.3.34, Ctrl-U to update)                                                      
Version                       2.2.8                                                                                                    
Region                        United States (us)                                                                                       
Web Interface                 http://127.0.0.1:4040                                                                                    
Forwarding                    http://99999999.ngrok.io -> localhost:3001                                                               
Forwarding                    https://99999999.ngrok.io -> localhost:3001                                                              

Connections                   ttl     opn     rt1     rt5     p50     p90                                                              
                              0       0       0.00    0.00    0.00    0.00

外部からのアクセス

https://99999999.ngrok.io でアクセスできる

serveoの場合

起動する

$ ssh -R 80:localhost:3001 serveo.net

Forwarding HTTP traffic from https://sequax.serveo.net
Press g to start a GUI session and ctrl-c to quit.

いざ！アクセス

https://sequax.serveo.net にアクセスしてみる

HTTP request from xxx.xxx.xxx.xxx to https://sequax.serveo.net/
HTTP request from xxx.xxx.xxx.xxx to https://sequax.serveo.net/_nuxt/runtime.js
HTTP request from xxx.xxx.xxx.xxx to https://sequax.serveo.net/_nuxt/commons.app.js
HTTP request from xxx.xxx.xxx.xxx to https://sequax.serveo.net/_nuxt/vendors.app.js
HTTP request from xxx.xxx.xxx.xxx to https://sequax.serveo.net/_nuxt/app.js
HTTP request from xxx.xxx.xxx.xxx to https://sequax.serveo.net/__webpack_hmr/client
HTTP request from xxx.xxx.xxx.xxx to https://sequax.serveo.net/_nuxt/pages/index.js
HTTP request from xxx.xxx.xxx.xxx to https://sequax.serveo.net/_nuxt/pages/login.js
HTTP request from xxx.xxx.xxx.xxx to https://sequax.serveo.net/favicon.ico
HTTP request from xxx.xxx.xxx.xxx to https://sequax.serveo.net/favicon.ico
HTTP request from xxx.xxx.xxx.xxx to https://sequax.serveo.net/_nuxt/pages/signup.js
HTTP request from xxx.xxx.xxx.xxx to https://sequax.serveo.net/_nuxt/pages/resend_confirmation_email.js
HTTP request from xxx.xxx.xxx.xxx to https://sequax.serveo.net/_nuxt/pages/reset_password.js

結果

dockerとかを使ってスマホ実機からとか確認するときは重宝する
ngrokよりこっちを使おう！