iT邦幫忙

2023 iThome 鐵人賽

DAY 21
0

前言

通常在開發的時候,開發者可以在本地先進行測試。如果是做到一個段落,要交付給客戶或使用驗收的時候,但又還不能上到測試環境,因為整個大功能還沒完善,那該怎麼讓對方可以驗收呢?這時候就可以使用ngrok了!

原理

利用reverse tunnel的原理來做到讓外部連線到本機。這時候腦袋就浮現了哆拉A夢的某個道具-格列佛隧道。歪樓了
https://ithelp.ithome.com.tw/upload/images/20231005/20162714MBxCFamRZU.png
(圖片來自:https://chinesedora.com/gadget/68.htm)
透過把local的port對應到一個公開的地址,讓外部能夠透過這個公開的地址連線向local實際的port取得資料。

安裝 & 設定

第一步驟: 到官網下載ngrok,記得選對作業系統!
https://ithelp.ithome.com.tw/upload/images/20231005/20162714yxKbItf3aK.png

第二步驟 : 下載完會得到一個壓縮檔,解壓縮會出現一個.exe檔
https://ithelp.ithome.com.tw/upload/images/20231005/20162714pU74tqocHU.png

第三步驟: 回到官網註冊/登入,看到左邊頁籤有個Your AuthToken,按下去。會出現中間的畫面,複製黃色框框的指令
https://ithelp.ithome.com.tw/upload/images/20231005/20162714idvUguXc2f.png

第四步驟: 執行剛解完壓縮的exe檔案,把步驟三黃色框框的指令貼上去
https://ithelp.ithome.com.tw/upload/images/20231005/201627147Ewx1wym87.png

第五步驟: 接著輸入 ngrok http 你的端口號碼(port),假設我的port號是1234,那指令就是ngrok http 1234
https://ithelp.ithome.com.tw/upload/images/20231005/20162714WofHQnZaie.png

第六步驟: 複製Forwarding的網址就可以使用了!

小提醒

  1. 如果是免費版,每次重新啟動ngrok都會是新的Forwarding
  2. 一個免費版的ngrok帳號只能有一個session,如果有多個session就會出現下圖錯誤。那該怎麼解決呢?
    那就是重開機啦! 重開機治百病
    https://ithelp.ithome.com.tw/upload/images/20231005/20162714bkJOQqsj9a.png
  3. ctrl + c就可以把ngrok的連線關掉了

結論

只要把ngrok的網址分享給對方,就可以讓對方看到線在本地端畫面或資料庫了。但用完還是要記得關掉,不然還是會有資安的風險

參考

[開發工具小技巧][05]ngrok讓外部能夠連到localhost的網站及服務
架設臨時伺服器不求人,用 ngrok 一個指令搞定!(含 Windows + MacOS 環境變數教學)
如何用 SSH reverse tunnel 建立遠端與本地資料庫連線?
ngrok 的進階使用


上一篇
[Day20]不可不知的小工具-arm/ amd傻傻分不清
下一篇
[Day22]不可不知的小工具-Docker-1
系列文
懶還要更懶,快還要更快。不可不知的小工具和知識30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言