NGROK | ngrok教學
正文開始:來介紹一下今天的主角NGROK[1]常常在local跑網頁、測API,有時候想請其他人看問題,或是單純想分享自己的網頁時就非常的麻煩,可能要放到server啊或者teamviewer之類的。而且版主最近剛好在研究新的LineBotAPI還有HuBot(這個以後有機會再來跟大家分享,原諒版主最近水深火熱…),都要設定webhook還要https,因此發現了這個好東西,可以快速地產生對外的接口,而且還能轉成https哦,超方便的吧~而且步驟簡單,環境設定快,還是免費的!使用教學1.Download進入他們官網NGROK[2] >點選Download抓下來後會是一個執行檔(exe),...
正文開始:來介紹一下今天的主角NGROK[1]
常常在local跑網頁、測API,有時候想請其他人看問題,或是單純想分享自己的網頁時就非常的麻煩,可能要放到server啊或者teamviewer之類的。而且版主最近剛好在研究新的Line Bot API 還有 HuBot(這個以後有機會再來跟大家分享,原諒版主最近水深火熱…),都要設定webhook還要https,因此發現了這個好東西,可以快速地產生對外的接口,而且還能轉成https哦,超方便的吧~
而且步驟簡單,環境設定快,還是免費的! 使用教學 1. Download 進入他們官網NGROK[2] > 點選Download抓下來後會是一個執行檔(exe),點兩下run起來安裝就會看到需要的command和一些資訊,至於要不要Sign up 我覺得就是看個人的需求啦。
Why should I sign up?[3] 提供你們參考 2. Sign up Setting 註冊帳號後在你登入後的Dashboard要去註冊authtoken可以從GettingStart[4]看到官方詳細的講解,有註冊應該才會有一個後台的介面吧我猜XD,因為沒有用過沒註冊的所以….,基本上他們的步驟都寫得非常詳細了!
3. How To Use?我透過cordova run 了我的程式,網址是localhost:8000/index.html
在你的terminal上輸入右方command:ngrok http 8000ngrok http [port]*8000 就是看你用的是哪個port 不是每個都是8000哦
輸入後如下圖,你可以看到Forwarding就是他幫你產生的對外網址,那有http和https
以我的這個頁面來說,我的對外網址如下圖:(https://6518e89c.ngrok.io/index.html[5])
是不是超快又方便啊!
*唯一比較麻煩的地方就是他對外的網址每次都會不一樣,所以像Webhook那些就要跟著一起變不過還是非常實用啦~
4. Any Problems?Mac: