小程序对于网络请求的URL的特殊要求:1)不能出现端口号; 2)不能用localhost; 3) 必须用https
(一)搭建本地https服务器(windows) 搭建出来的服务器地址为localhonst:3000
(二)用nginx进行反向代理处理(windows) 用于隐藏端口号和替换localhost
另一篇参考文:微信小程序:nginx 设置HTTPS (小程序论坛)
(三)https服务配置 以https正确访问 测试服务器 地址
以上步骤完成后,我们就可以在小程序里使用了
1.登陆微信小程序管理页面,设置-->开发设置-->服务器域名-->添加自己的测试域名。需要注意的是一个月只能修改5次
2.利用微信小程序开发者工具打开项目,在配置信息中点击刷新,即可看到刚刚修改的域名
3.在需要网络请求的地方添加log打印,以便查看返回的结果信息
wx.request({
url: 'https://www.test.com/cars',
method:'GET',
header: { 'content-type': 'application/json' },
success: function (res) {
console.log(res.data)
}
})
showRequestInfo();
以上可成功访问到本地服务器数据。
若关机后要再次访问,则需要:
1)
启动json-server服务
:在创建的json文件目录,运行命令:json-server + 文件名
json-server cars.json
(此时可访问到http://localhost:3000/cars的数据)
2)启动nginx服务:cmd进入nginx的安装目录下,运行命令: nginx -s reload
![](https://i-blog.csdnimg.cn/blog_migrate/0ae75ed724940c1b445b1d66d5b6c718.png)
(此时访问https://www.test.com/cars数据,若出现 非私密连接报告 ,解决 即可)
其他问题:
1)若在 网络请求服务器API的时候报此服务器的证书无效:
在 微信开发者工具的 项目页面的基础信息中,勾选下面的“开发环境不校验请求域名以及TLS版本