iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 9
0

同步發表到驢形筆記

ngrok,讓本地端伺服器得到被世界攻擊的機會

今天和明天,來兩個中場休息時間吧。這兩天只要註冊和寫非常簡單的程式就好,喘口氣順便讓我混個兩天時間!好的,簡單介紹一下ngrok就是一個讓你的本地端所指定的port號可以被所有人連結的程式。這是為了之後使用linebot要的webhook接口,現在不知道這是什麼沒關係,到時後會再講到。

ngeok官方網站(https://ngrok.com/)

點擊右上角註冊
https://ithelp.ithome.com.tw/upload/images/20200924/2013067336H7L50WkC.jpg

我是選用github註冊的,這部份每個人不一樣就不細講

登入過後看到以下畫面

https://ithelp.ithome.com.tw/upload/images/20200924/201306731wQ3u0v2rT.jpg

 紅線部份就是用來登入ngrok.exe用的

依照你的作業環境選擇檔案下載

解壓縮後把他打開

https://ithelp.ithome.com.tw/upload/images/20200924/20130673K3ZJAwYKMu.jpg

來登入吧

記得畫紅線的那段嗎?複製貼上到這個命令視窗就可以了,如果他跳出非命令。請改用以下方式輸入

ngrok.exe authtoken 屬於你的那段號碼

失敗的原因是因為這個檔案不是你的環境變數,所以必須直接呼叫該檔案(設定環境變數的部分在之後會講到,這篇是稍作休息的不深入講解)

接著還記得之前伺服器開啟的port號3000嗎?在這邊輸入

ngrok.exe http 3000

他就會出現這個畫面
https://ithelp.ithome.com.tw/upload/images/20200924/201306730zAyzDqfMf.jpg

紅線的部分是登入的帳號

然後他會分配給你兩種網址,這邊我們用https的安全性網址,沒意外的話會變成這樣
https://ithelp.ithome.com.tw/upload/images/20200924/20130673R7WHcGlfRq.jpg
他說連不到,然後可以在ngrok的命令視窗確認
https://ithelp.ithome.com.tw/upload/images/20200924/20130673m2A3QFrKiK.jpg
502入口錯誤,這個原因是因為本篇還沒有請你開伺服器所以會這樣。所以指要打開伺服器在按重新整理就ok了
https://ithelp.ithome.com.tw/upload/images/20200924/20130673EzRccU9Jzx.jpg

這樣你的本地伺服器的網站就可以把網指丟出去給你的朋友或客戶查看了

今天的進度就到這邊


上一篇
[day08][後端][學習] RESTful API?用五個常用API協定構成五芒星
下一篇
[day10][註冊][實作] 沒朋友就用LineBot機器人做一個(上)
系列文
什麼都略懂一點,生活更多彩一些。從web跑js出發到部屬heroku伺服器撈取API建構線上網站與LineBot30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言