【小程序】访问 https配置的数据接口

小程序对于网络请求的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://www.test.com/cars数据,若出现 非私密连接报告 ,解决 即可)
 
 
其他问题:
1)若在 网络请求服务器API的时候报此服务器的证书无效:
在 微信开发者工具的 项目页面的基础信息中,勾选下面的“开发环境不校验请求域名以及TLS版本
 




原文地址:https://www.cnblogs.com/smilexumu/p/9037388.html