利用 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.
《L04 微信小程序从零到发布》
从小程序个人账户申请开始,带你一步步进行开发一个微信小程序,直到提交微信控制台上线发布。
《L02 从零构建论坛系统》
以构建论坛项目 LaraBBS 为线索,展开对 Laravel 框架的全面学习。应用程序架构思路贴近 Laravel 框架的设计哲学。
讨论数量: 0
(= ̄ω ̄=)··· 暂无内容!

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!