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

最新推荐文章于 2023-10-23 09:17:07 发布

ansem0444

最新推荐文章于 2023-10-23 09:17:07 发布

阅读量269

点赞数

文章标签：运维 json 操作系统

原文链接：http://www.cnblogs.com/smilexumu/p/9037388.html

版权

小程序对于网络请求的URL的特殊要求:1）不能出现端口号; 2）不能用localhost; 3) 必须用https


（一）搭建本地https服务器(windows)      搭建出来的服务器地址为localhonst:3000

（二）用nginx进行反向代理处理（windows）    用于隐藏端口号和替换localhost

 另一篇参考文：微信小程序：nginx 设置HTTPS   （小程序论坛）


（三）https服务配置         以https正确访问 测试服务器 地址


以上步骤完成后，我们就可以在小程序里使用了

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

关注