Home >> Blog >> 運用ngrok輕鬆共享您的本地伺服器

運用ngrok輕鬆共享您的本地伺服器

向業務經理或客戶展示您的應用程式的最新SEO優化功能並不容易,除非他們坐在幾張桌子之外。提交更改並部署到公共臨時伺服器是可能的,但如果您只是在尋求關於小部分顏色的意見或證明他們荒謬的建議是徒勞的,那麼這個過程可能是不切實際的!

理想情況下,您需要某種方式來共享對localhost伺服器的訪問。ngrok 提供了該解決方案。我們將向您展示如何為任何目的設置它,並為您提供最好的 ngrok 替代品。

什麼是ngrok?

您的開發機器可能連接到防火牆後面的安全網絡。為了解決訪問限制,ngrok 在您的機器上運行一個小型客戶端進程,該進程創建一個到雲端服務的私有連接tunnel。您的localhost開發伺服器被映射到ngrok.io一個遠程用戶可以訪問的子網域。無需公開port、設置轉發或進行其他網絡更改。

ngrok 客戶端軟體可用於 Windows、macOS 和 Linux。

本地tunnel安全嗎?

ngrok建立的連接tunnel是安全的,只能將數據傳輸到localhost你打開的port。很難造成任何損害,但它與您正在測試的應用程式一樣安全。

在大多數情況下,您將使用 ngrok 通過隨機生成的 URL 向某人授予訪問權限。最好假設任何人都可以在tunnel打開時訪問您的應用程式。您可能希望在tunnel處於活動狀態時禁用“刪除所有文件”選項!

服務費用是多少?

基本的 ngrok服務是免費的,每分鐘最多允許四個tunnel和 40 個連接。商業選項每月 5 美元起,提供更多連接和自定義域。

獲取 ngrok 下載

首先,在瀏覽器中打開 ngrok.com,然後單擊註冊進行註冊。Google 或 GitHub 帳戶最簡單,但您可以選擇使用Email地址和密碼進行標準註冊。Email驗證連結將發送給您。

登錄後,您將被定向到 ngrok 儀表板,您可以在其中為您的操作系統下載客戶端。

ngrok 分步指南:輕鬆共享您的本地伺服器

按照適用於您的操作系統的任何特定說明下載並解壓縮文件。然後有必要通過運行頁面下方連接您的帳戶部分中顯示的命令來添加您的身份驗證令牌。

ngrok 分步指南:輕鬆共享您的本地伺服器

./ngrok authtoken < token >

注意:Windows 用戶將輸入./ngrok.exe.

如何使用 ngrok

使用正常的啟動命令啟動您的 Web 應用程式,然後記下port以及它是在http還是https. 要啟動新tunnel,請運行:

./ngrok < protocol > < port >

例如,如果您的網站在 上提供http://localhost:8888,請輸入:

./ngrok http 8888

終端將清除並顯示兩個轉發 http和https地址的狀態,例如http://123456789.ngrok.io/。您可以將任一 URL 傳遞給其他人,以便他們可以從任何地方訪問您的應用程式。當 ngrok 處於活動狀態時,終端會顯示請求日誌。

ngrok 分步指南:輕鬆共享您的本地伺服器

dashboard.ngrok.com/endpoints/status上的 ngrok 狀態面板還顯示當前活動 URL 和客戶端 IP 地址的列表。(您可能需要刷新瀏覽器才能更新它。)

ngrok 分步指南:輕鬆共享您的本地伺服器

Ctrl完成後,按|退出 ngrok Cmd+C在您的終端中。輸入以下內容可獲得更多幫助和選項:

./ngrok help

ngrok 替代品

ngrok 可能是最簡單和最著名的localhosttunnel服務,但替代選項包括:

  • LocalXpose:具有免費選項的商業服務。需要註冊,但可以使用基於終端和圖形用戶界面的客戶端。
  • localhost.run:通過 SSH 運行的免費服務,因此無需客戶端或註冊。
  • localtunnel:一個開源的 Node.js 客戶端。無需註冊。
  • JPRQ:一個開源的 Python 客戶端。無需註冊。
  • sish:一個開源的、基於 Docker 的容器客戶端。無需註冊。

ngrok 和類似的安全tunnel服務可以徹底改變您向其他遠程工作者展示 Web 應用程式的方式。它將有助於測試並減少令人沮喪的反饋延遲。

the

to

azure

nginx

api

await ngrok connect

you can use

the ngrok binary

await api listtunnels

you can pass

requests await api

notifications lists stories

home notifications lists

lists stories write

min read save

步驟

bot