【小程序】访问 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版本