ngrok 教學

 ngrok 教學

源自於https://markteaching.com/ngrok-2/

ngrok是什麼？

ngrok 是一個反向代理，通過在公共的端點和本地運行的Web 服務器之間建立一個安全的通道。 ngrok 可捕獲和分析所有通道上的流量，便於後期分析和重放。反向代理在計算機網絡中是代理服務器的一種。

詳細資訊可以查看：ngrok

為何我會用ngrok?

測試或是debug真的超方便！

正常要讓一個網站佈署到網上時，提供給測試人員或是其他工作夥伴，需要找一個正在運行的web服務器，還需要部署程式碼上去，測試結束後，再將此網站刪除。

真的有夠麻煩的！但是有了ngrok就不一樣了！

你只要安裝了ngrok後，在本地端執行，他會給你一串網址，直接透過這個網址就能讓他人順利連接到你本地端架設好的網站。

ngrok 與 Webhook 完美搭配！

那當然的除了用在web以外，當然也是可以用在webhook。

Webhook是什麼呢？

在web開發過程中的webhook，是一種通過通常的callback，去增加或者改變web page或者web app行為的方法。這些callback可以由第三方用戶和開發者維持當前，修改，管理，而這些使用者與網站或者應用的原始開發沒有關聯。詳細資訊可以查看：「API vs Webhook」比較 介紹 筆記

ngrok install(安裝)步驟流程與使用

請點我安裝 ngrok (免費的)

請點擊 Get started for free

請登入帳號，可以用Google或是GitHub登入

下面的流程可以照個網頁顯示步驟

下載ngrok解壓縮 (mac一定要用指令解壓縮，否則會有問題)照著上面打因為我們已經開啟了Flask server port 預設是5000，因此我們輸入 ./ngrok http 5000

ps:第三步驟 Connect your account 記得要執行，需要與我們的帳號進行綁定。

mark ->> ~/Downloads $ ./ngrok http 5000

這時 (Forwarding) https://081dd978.ngrok.io 就會是我們的外網的網址，可以透過這個網址來訪問你的本地端的網站。

ngrok by @inconshreveable                                                             (Ctrl+C to quit)

Session Status                online
Account                       MarkwwLiu (Plan: Free)
Version                       2.3.35
Region                        United States (us)
Web Interface                 http://127.0.0.1:4040
Forwarding                    http://081dd978.ngrok.io -> http://localhost:5000
Forwarding                    https://081dd978.ngrok.io -> http://localhost:5000

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

ngrok主要是在開發階段使用喔！也就是在本地端測試用，使用上來說真的超方便！