微信开发——本地测试环境搭建

微信开发的本地测试环境搭建起来颇为繁琐(对微信团队失望,坑苦了苦逼的程序员)。

一、准备

  1. 微信web开发者工具
  2. http://www.ngrok.cc/
  3. 微信公众平台测试号
  4. 域名(稍后解释)

二、域名

其实对于ngrok来说,自定义域名是不需要的,很让人不解和气愤的是,在微信开发者工具中,使用“前置域名”无法访问,所以我是被迫用上了自定义域名。
微信开发——本地测试环境搭建_第1张图片

主机记录可以写你想要的,我写的是ym,记录值为ngrok的服务“server.ngrok.cc”。

三、ngrok

微信开发——本地测试环境搭建_第2张图片

1.在ngrok上建立隧道。

2.下载Sunny-Ngrok启动工具到本地,运行后敲入隧道id。
微信开发——本地测试环境搭建_第3张图片

ps:注意本地服务以及域名信息配置正确。

3.在浏览器中敲入你的域名地址,看是否能够访问成功。

四、微信测试号管理

1.配置微信的URL.
微信开发——本地测试环境搭建_第4张图片

2.网页账号
这里写图片描述
微信开发——本地测试环境搭建_第5张图片

两个地方是必须的,如果错了微信测试号登陆后无法回调。


完成上述配置后,在微信开发者工具上输入自定义账号后就可以访问本地服务了。

你可能感兴趣的:(大前端)