微信小程序访问接口总结

微信小程序访问接口总结

项目环境:TP5 + XAMPP
域名的端口80和443都需要配置不然可能出现开发者工具可以访问接口,体验版却访问不了,调试也不报错的问题。

一. 微信小程序设置

  1. 微信开发者要设置合法域名,域名必须是https,才能正常的访问接口。
    微信申请需要有24小时的审核,所有可以提前在微信这里把域名配置好。
    微信小程序访问接口总结_第1张图片

  2. 微信小程序在开发的时候会把微信开发者工具详情访问限制勾选上,但要发布体验时这里就应该不要勾选。

在这里插入图片描述

二. 申请免费的HTTPS证书

个人开发者或者只是做演示用就可以申请免费的HTTPS证书。
本次我就用的是阿里云云盾证书服务(https证书)。阿里云免费HTTPS证书申请流程如下:

  1. 首先,访问证书申请页面,如下图,如果需要注册或登录阿里云,请按提示步骤来吧。

    微信小程序访问接口总结_第2张图片

  2. 然后,点上图的“购买证书“,来到购买页面,如下图
    不要慌张,都说了是免费申请怎么还要钱,免费申请的是隐藏的,需要按照以下步骤免费的才会展开。
    微信小程序访问接口总结_第3张图片

微信小程序访问接口总结_第4张图片

立即购买到支付页,一直下一步。支付完成最后返回控制台
微信小程序访问接口总结_第5张图片

  1. 点击补全
    首先配置需要申请的域名,不包含http
    微信小程序访问接口总结_第6张图片
    第二步填写个人信息

微信小程序访问接口总结_第7张图片

第三步上传相关信息 个人免费申请的就不需要提交直接下一步
最后等待申请结果,需要在自己的域名新增一条TXT记录

微信小程序访问接口总结_第8张图片

配置完成后坐等短信通知了。

三. 下载证书配置Apache

本项目用到是Apache,就下载Apache的证书

微信小程序访问接口总结_第9张图片

下载后解压得到如下文件,在Apache的安装目录下创建cert目录,把下载的文件全部放到项目中。

微信小程序访问接口总结_第10张图片

按照提示配置
D:\xampp\apache\conf\httpd.conf

找到以下内容并去掉“#”
#LoadModule ssl_module modules/mod_ssl.so
#Include conf/extra/httpd-ssl.conf

D:\xampp\apache\conf\extra\httpd-ssl.conf
#添加 SSL 协议支持协议,去掉不安全的协议

SSLProtocol all -SSLv2 -SSLv3

在这里插入图片描述

#修改加密套件如下

SSLCipherSuite HIGH:!RC4:!MD5:!aNULL:!eNULL:!NULL:!DH:!EDH:!EXP:+MEDIUM
SSLHonorCipherOrder on

微信小程序访问接口总结_第11张图片

#证书公钥配置

SSLCertificateFile cert/public.pem

在这里插入图片描述

#证书私钥配置

SSLCertificateKeyFile cert/215031126580957.key

在这里插入图片描述

#证书链配置,如果该属性开头有 '#'字符,请删除掉

SSLCertificateChainFile cert/chain.pem

在这里插入图片描述

重启 Apache
微信小程序访问接口总结_第12张图片

通过 https 方式访问您的站点,测试站点证书的安装配置
微信小程序访问接口总结_第13张图片

四. 开发者工具可以访问接口,体验版却访问不了,就需要检测证书是否合法

输入域名和接口就可以检查域名是否合法了
域名在配置时默认是80端口,就可以申请HTTPS证书
443端口的域名也要配置,不然虽然网页可以打开证书是合法的,但是在检测域名合作的时候需要的是443端口,不然就检测却不了。
检测不了的直接反馈是小程序里接口访问不了,调试一直出现请求超时。所以在确保程序没有问题的情况下,先可以检测下域名是否合法也是很有必要的。
https://www.myssl.cn/tools/check-server-cert.html

微信小程序访问接口总结_第14张图片

你可能感兴趣的:(前端基础)