Ngrok 是一款内网穿透工具。它可以把你本地正在运行的服务(例如:网页应用、API 接口、Webhook 等)通过一个 公网地址(https://xxxx.ngrok-free.app) 暴露到互联网。
换句话说就是别人能通过 ngrok 提供的公网 URL 访问到你本地的服务。
常见应用场景
本地开发时,给微信/支付宝/Stripe 这类需要公网回调的接口调试用。
给外部同事或客户演示本地运行的项目。
在不买云服务器、不配置域名的情况下,快速测试一个小网站。
临时开放 API 或 Web 服务,方便移动端、其他环境调用。
安装 ngrok
注册账号
点击 Sign up,使用 GitHub/Google 账号或邮箱注册。
3. 登录后进入 Dashboard,在左侧找到 AuthToken 并复制。
下载客户端
下载并安装:https://dashboard.ngrok.com/get-started(官方建议在应用商店安装)
根据操作系统选择对应版本:
配置 Ngrok
第一次使用需要绑定 token,运行以下命令将 authtoken 添加到默认的 ngrok.yml 配置文件中。
ngrok config add-authtoken <你的_auth_token>
macOS 用 Homebrew:
brew install ngrok/ngrok/ngrok,再执行同样的add-authtoken。执行验证配置:
ngrok config check如果显示 Configuration OK,说明配置成功。
启动你本地服务
你需要先启动本地项目。比如如果你是用 Node.js + Next.js/Vite 开发的,可以执行:
npm run dev # 或 yarn dev / pnpm dev启动后,默认本地会监听在
http://localhost:3000。你可以在浏览器里打开http://localhost:3000验证页面是否能正常访问。
用 ngrok 暴露到公网
假设本地有一个服务运行在
http://localhost:3000:终端执行命令:
ngrok http 3000ngrok 会给你一个公网地址,比如:
https://abcd-xx-xx-xx-xx.ngrok-free.app -> http://localhost:3000这个
abcd-xx-xx-xx-xx.ngrok-free.app就是公网可访问的地址。
保持 ngrok 窗口别关,它就是“公网入口”,机器休眠或网络变化会导致地址变化,变了就用新地址访问。
Ngrok 还提供一个本地 Web UI 面板,默认在: http://127.0.0.1:4040 你可以在这里查看请求日志、重放请求,非常方便调试 API。
💡 AI 工具的爆发,让普通人也能快速做出产品。
但如何做?如何变现?如何真正走向海外市场?
👉 想了解更多 AI 编程 & 出海实战信息
扫码或微信搜索 257735,发送暗号 【美金】
了解详情,加入实战社群。
微信扫一扫,了解更多详情
🚀 我们的出海作品展示平台上线啦!
欢迎访问 Showcase 平台,
这里汇聚了学员的出海实战作品,方便大家获得反馈、积累曝光机会。
我们还会定期举办创作活动与奖励计划,欢迎来逛逛!
🔗 更多教程请访问 ipengtao.com






文章评论