关于微信小程序访问需要https的一些坑,代码结构这些就不用讲了。官网文档讲得挺细的。详情请戳微信小程序开发文档。
1,其实今天讲的和小程序 的代码没多大关系。哈哈,主要是讲当发送请求时,如何配置一些必要的东西。
首先我们很多时候都需要进行请求的调试例如:

其实和我们写的ajax很像。这不过这是微信提供的一个方法wx.request(),这都不是重点。重点是它里面一个配置。
其实也不是啥高档玩意儿,哈哈就是 url的地址。会发现我的url地址是https。这是因为微信小程序如果需要上线的话是必须要配置安全证书,(真的好麻烦,感觉应该是后台的事情,不过自己学点还是没啥错)。当然了如果你在自己本地调试一些东西的话可以不用将地址配置成https的域名。那就要记得在开发者工具上关闭检验https的功能

正式上线是肯定需要的。
那这样你就可以正常的进行调试了。如果你没有证书验证的网站你发送请求会出现这样的错

还有一种是证书配置好了但是还是会报域名不在合法请求中,那就是要记得去你小程序上配置装有安全证书的网站域名

好那接下来就是怎么搞有安全证书的 网站。那当然是需要下载安全证书了哈哈。首先我去网上看了正规的证书都好贵好贵的。。。有几百几千一年。这价格我瑟瑟发抖。比我服务器还贵,以我勤俭的性格怎么也要找免费的吧(其实就是觉得这钱花得不值得,也是穷。哈哈哈)诶刚好阿里云和腾讯云都提供了免费的证书申请。详细申请步骤,官网有。不过我当然要把他简化来自己写一遍啦。
首先你得注册阿里云或者腾讯云的账号。这里推荐阿里云的,啊不是(腾讯云 的)主要不是说阿里云的没腾讯云的好。是怕微信的搞什么幺蛾子。。腾讯微信是一家。还是用他们家的就好。我就遇到过这样的坑。(在百度买的服务器只能和百度域名一起用,就是说其他的域名解析到百度的服务器是会被封的。。悄悄的说啊,而且备案也麻烦(麻烦也是为安全着想,对是这样的))。回归主题。
1,哎诶,看到这个就开心了,直接点进去

2.弹出这个,没得选啊只能选第一个。免费的就没这么多要求了

3。接下来就填写一些信息,把你需要填写的网站域名写进去。证书注明可甜可不填,私钥要么不填,要么填了请保留一份。然后确定

4.身份确认选第一个吧,手动dns验证,其实就是让你按照它的要求解析一个域名


5。接下来就去你 的域名管理上解析一条信息,主要就是 主机记录,记录类型,记录值。我用的是百度云的。界面如下(2)


6.解析完成后回来腾讯云界面,点击查询

7.查看证书管理,然后下载刚刚申请的一条。我申请了两次

8服务器配置证书,这步可能会有差异啊,我这是Apache服务器的方法。其他方法可参考证书安装(腾讯云官网)
打开你服务器,装个宝塔面板吧,挺好用的
将下列文件内容复制到对应位置如何保存。其实到这你的完整就是是带锁头的网站了,对应小程序访问也可以进行https访问。


9,最后讲一下明明开发工具上调试上能正常访问网站接口但是到了真机调试又报错的问题首先点击预览,然后再到手机上点击调试,,这样才算是真正的真机调试,开发工具上那个额。额(算伪真机吧)。


10。这就大概完了。这只是算自己的一些笔记。如有建议,合理即采纳
网友评论