利用 ngrok 代替 在线测试服务器 进行开发的简单使用

下载

到官网 下载页面 对应的系统版本 https://ngrok.com/download
解压后将可以得到 ngrok 命令的可执行文件,你可以选择将它移动至全局目录下,方便你的使用。

登录

选择你的登录方式进行登录:https://dashboard.ngrok.com/user/login

安装 authtoken

在该地址 https://dashboard.ngrok.com/get-started 复制第二步 Install your authtoken 的命令
执行后,你会的到如下内容的配置文件。文件保存在 ~/.ngrok2/ngrok.yml

authtoken: 你的 authtoken
json_resolver_url: ""
dns_resolver_ips: []

启用服务器

./ngrok http 80 // 该命令会启动一个指向 localhost 80 端口的服务器,外网可访问。

使用配置文件启动

将如下内容追加至 ~/.ngrok2/ngrok.yml 尾部


tunnels:
  example:
    addr: 80
    proto: http
    host_header: example.app

此时,该配置文件的内容为如下

authtoken: 你的 authtoken
json_resolver_url: ""
dns_resolver_ips: []

tunnels:
  example:
    addr: 80
    proto: http
    host_header: localhost

文件方式启动

ngrok start example
ngrok 将会为你 在本地启动一个服务器,指向 localhost 的 80 端口。
并生成 2 个外网可访问的地址。协议分别是 http 和 https。
地址形式为 http://随机生成的字符串.ngrok.io
file

你可以访问 http://localhost:4040 获取到 ngrok 为你启动的服务地址。
file

也可以访问 http://localhost:4040/status 获取
file

将你获取到的地址填入微信的回调 或 百度 api 的下行 等地址,即可直接在本地开发,与微信服务器,百度服务器打交道。

注意

  1. 本地开发使用的域名不可忘记将其添加至系统的 hosts 文件。例如: 127.0.0.1 example.app
  2. 每一次关闭服务后重新启动, ngrok 为你启动的服务地址 都会变化,此时你需要将你要对 微信的回调 或 百度 api 的下行 等地址 进行更改。微信回调地址更改后需要从后台重新发起请求,让微信服务器能对接到新的地址。
本作品采用《CC 协议》,转载必须注明作者和本文链接
Study hard and make progress every day. Study hard and make progress every day.
《L01 基础入门》
我们将带你从零开发一个项目并部署到线上,本课程教授 Web 开发中专业、实用的技能,如 Git 工作流、Laravel Mix 前端工作流等。
《G01 Go 实战入门》
从零开始带你一步步开发一个 Go 博客项目,让你在最短的时间内学会使用 Go 进行编码。项目结构很大程度上参考了 Laravel。
讨论数量: 0
(= ̄ω ̄=)··· 暂无内容!

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!
打杂的 @ 某某医学
文章
35
粉丝
63
喜欢
328
收藏
112
排名:37
访问:19.1 万
私信
所有博文
社区赞助商