微信小程序开发内网穿透ngrok固定域名

Gary Chen
微信小程序开发内网穿透ngrok固定域名

微信小程序开发中使用 Ngrok 实现内网穿透并设置固定域名,可以按照以下步骤进行:

1. 注册并下载 Ngrok

  • 访问 Ngrok 官网,使用 GitHub 账号或邮箱注册登录。
  • 在官网下载对应版本的 Ngrok,并解压到本地目录。

2. 配置 Ngrok

  • 登录 Ngrok 官网,进入“隧道”(Tunnels)页面。
  • 点击“添加隧道”(Add Tunnel),配置隧道信息:
    • 名称:自定义隧道名称。
    • 协议:选择 HTTP 或 HTTPS。
    • 本地端口:填写本地服务的端口号,如 8080。
    • 域名:输入你希望使用的固定域名,如 yourdomain.ngrok.io
  • 点击“创建”(Create)完成隧道配置。

3. 设置 Ngrok 的 authtoken

  • 在 Ngrok 官网的“Get Started”页面找到你的 authtoken。

  • 打开命令行,进入 Ngrok 文件所在目录,执行以下命令:

    ngrok authtoken <your-authtoken>
    

    这会将 authtoken 保存到本地配置文件中。

4. 启动 Ngrok

  • 在命令行中执行以下命令启动 Ngrok:

    ngrok http -domain=yourdomain.ngrok.io <本地端口>
    

    例如:

    ngrok http -domain=yourdomain.ngrok.io 8080
    

    这会启动一个隧道,将你的本地服务暴露到公网,并使用固定域名访问。

5. 配置微信小程序

  • 在微信小程序的开发环境中,前往微信公众平台的【开发】->【开发设置】页面。
  • 在“业务域名”或“合法域名”中添加 Ngrok 提供的固定域名(如 yourdomain.ngrok.io)。
  • 保存配置后,即可在微信小程序中通过该域名访问你的本地服务。

注意事项

  • 域名备案:如果你使用的是自定义域名,确保该域名已经完成备案。
  • HTTPS 支持:Ngrok 提供免费的 SSL 证书,确保你的本地服务支持 HTTPS。
  • 网络限制:某些网络环境下可能需要配置代理或梯子才能正常使用 Ngrok。

通过以上步骤,你可以成功使用 Ngrok 实现微信小程序开发中的内网穿透,并设置固定域名进行调试。