為本地 Web 開發設置 ngrok

為本地 Web 開發設置 ngrok

有時,您需要將在您的計算機上運行的本地服務器暴露給互聯網。這對於在將 Web 應用程序部署到遠程服務器之前對其進行測試很有用。

了解如何使用 ngrok,這是一種將本地 Web 服務器公開到 Internet 的常用工具。

使用 ngrok 進行本地 Web 開發

自 2015 年以來,ngrok 一直是在 Internet 上運行本地 Web 服務器的隧道解決方案。

使用 ngrok,您可以創建一個映射到本地服務器的公共 URL,使其他人可以輕鬆地從世界任何地方訪問他們的工作。然後,您可以從不同的設備和 Web 瀏覽器測試您的應用程序,並使用 ngrok 的請求和響應日誌對它們進行故障排除。

在處理公共隧道時,您可能會有安全問題。ngrok 支持使用 SSL 加密的安全隧道,使其可以安全地用於敏感數據和應用程序。所有這些功能使 ngrok 成為開發人員從事個人項目或與他人協作的有價值且流行的工具。

在您的計算機上安裝 ngrok

開始使用 ngrok 的主要功能是完全免費且非常簡單的。雖然有提供更多功能的 ngrok 付費版本。讓我們學習如何在您的計算機上安裝和設置 ngrok。

要在您的計算機上安裝 ngrok,請前往官方ngrok 下載頁面

ngrok 下載網頁及其下載選項的屏幕截圖

然後,您應該繼續為您的特定操作系統(操作系統)下載 ngrok,方法是下載 ZIP 文件並解壓縮它,或者使用 Chocolatey 或 Homebrew 等包管理器安裝它。

要在 Windows 和 macOS 上使用 Chocolatey 或 Homebrew 安裝 ngrok,您需要安裝任一包管理器。

要在 Windows 上安裝 Chocolatey,請在 Windows PowerShell 管理員中運行此命令:

Set-ExecutionPolicy Bypass -Scope Process -Force; [System.Net.ServicePointManager]::SecurityProtocol = [System.Net.ServicePointManager]::SecurityProtocol -bor 3072; iex ((New-Object System.Net.WebClient).DownloadString('https://community.chocolatey.org/install.ps1'))

要在 macOS 上安裝 Homebrew,請在終端中運行此命令:

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

現在你有了合適的包管理器,你可以使用其中任何一個在你的計算機上安裝 ngrok。

使用您的帳戶創建新的本地 ngrok 隧道

要創建一個 ngrok 隧道來公開您的本地服務器,您需要註冊一個 ngrok 帳戶並創建一個身份驗證令牌。

第 1 步:註冊

前往ngrok 的註冊頁面,在表格中填寫您所需的詳細信息,然後單擊“註冊”

帶有註冊表單的 ngrok 註冊網頁的屏幕截圖

第 2 步:將令牌添加到配置

現在您有了一個帳戶,您需要將自動生成的身份驗證令牌添加到ngrok.yml配置文件中。此令牌對您的帳戶是唯一的,因此您應該確保它的安全。要添加授權令牌,請導航到側面導航欄中的“的授權令牌”頁面。

ngrok 網站授權令牌網頁的屏幕截圖

您可以復制您的身份驗證令牌並在終端中運行演示的命令來設置配置文件:

ngrok config add-authtoken YOUR_AUTH_TOKEN

第 3 步:運行 ngrok

完成前面的步驟後,您可以創建一個 ngrok 隧道來運行您的服務器。

為此,請使用首選端口號運行以下命令。

例如:

ngrok http 3000

現在,您的計算機上運行了一個本地 ngrok 隧道。

處理常見的設置問題

  • 防火牆限制:如果您的計算機位於防火牆之後,您可能需要調整其設置以允許 ngrok 連接到互聯網。
  • 身份驗證令牌不正確:如果您在啟動 ngrok 時輸入了錯誤的身份驗證令牌,您可能會收到一條錯誤消息,指出您的令牌無效。通過單擊重置 Authtoken按鈕確認您的令牌或在網站上重置令牌。
    帶有重置 authtoken 按鈕的 ngrok auth token 網頁的屏幕截圖
  • 權限被拒絕:如果您在啟動 ngrok 時收到“權限被拒絕”錯誤,您可能需要以管理員身份或以提升的權限運行 ngrok 命令。

使用 ngrok 進行本地 Web 開發的好處

無論您是從事個人項目還是與團隊協作,ngrok 在您的 Web 開發工具包中都是有價值的。它與各種平台和編程語言的兼容性使其適用於 Web 應用程序測試、協作或向客戶演示項目。

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *