wordpress小程序端各种常见问题经验总结

项目简介

微信小程序一直蛮火的，玩技博客看到很多朋友都给WordPress博客添加了微信小程序，真不错。玩技博客的站长朋友一直吐槽逛博客很麻烦，记不住地址（这么简单都记不住，心痛），希望玩技博客也弄个微信小程序，好吧，也只能入坑小程序了，但是一步步折腾还是遇到了问题，比如架设好小程序后，无论是缩略图还是文章都不显示图片，于是只能自己折腾解决了。尽然要做咱们就做的全面点，于是接入了微信小程序端、支付宝小程序端、百度小程序端、QQ小程序端、抖音小程序端、今日头条小程序端。

微信小程序开发从零开始学

李一鸣，主攻前端和Angular开发，8年前端开发经验，能带领前端混合开发团队利用近期新技术解决业务快速发展过程中的各种业务场景问题。熟悉客户端开发，有多个上架APP，有服务端开发经验。目前在公司担任项目经理，管理前端团队。 著有图书《Angular开发实战》《Ionic 移动开发入门与实战》

￥49.72

京东购买

对接过程中遇到的问题

1、微信小程序无法加载cdn图片，显示空白的解决方法。

明显特征：微信小程序不显示缩略图，很多都是一片空白，提示404错误，但是奇葩的是点击空白地方和图片地址又能显示出图片。文章源自玩技e族-https://www.playezu.com/22018.html

解决思路：因为微信小程序不显示的都是图片，第一时间想到的是服务器的Referer防盗链导致的，所以我们需要去检查服务器的防盗链设置和添加相关白名单。文章源自玩技e族-https://www.playezu.com/22018.html

注意：服务器又分远程服务器和CDN，所以在添加白名单时远程服务器和CDN都要添加。文章源自玩技e族-https://www.playezu.com/22018.html

例如QQ小程序添加 *.qq.com文章源自玩技e族-https://www.playezu.com/22018.html

举例：微信小程序端无法加载那么需要将下面的域名添加到白名单文章源自玩技e族-https://www.playezu.com/22018.html

白名单总结：文章源自玩技e族-https://www.playezu.com/22018.html

微信：https://servicewechat.com文章源自玩技e族-https://www.playezu.com/22018.html

头条抖音： https://tmaservice.developer.toutiao.com?appid=xxxx&version=xxxx文章源自玩技e族-https://www.playezu.com/22018.html

百度： https://smartapp.baidu.com文章源自玩技e族-https://www.playezu.com/22018.html

支付宝：https://你的appid.hybrid.alipay-eco.com文章源自玩技e族-https://www.playezu.com/22018.html

QQ：https://appservice.qq.com

2、如何设置防盗链白名单

一、CDN找到Referer防盗链相对应设置的位置阿里云位置如下图

二、宝塔防盗链白名单设置
还有大部分站长用到宝塔，在宝塔里也设置了防盗链，那么这里也是需要添加相关白名单。将上面那两个地址在宝塔这边也添加就好，如下图。

3、有些博客主题带有图片懒加载或者图片延迟加载也会影响小程序端

具体症状：有的图片能显示出来有的图片无法显示。

解决方法：将图片延迟加载的相关配置关闭即可。

4、QQ小程序IDEA无法加载文章详情但是头部幻灯无问题

具体症状：无法加载文章，有文章进去后是空白页

解决方法：手机扫描二维码体验

问题所在：QQ小程序本身的BUG暂未解决

5、支付宝小程序无法对接成功

具体症状：授权后无法获取用户信息提示500、501、502的错误基本上都是秘钥的问题。

解决方法： 下载官方RSA生成工具 点我下载

6、支付宝审核无法通过提示未准入行业/功能：评论为特殊功能

具体症状：审核无法通过

解决方法：将评论功能去掉或者关闭，支付宝审核的比较严格。

7、微信端如何选择审核的类目？

可使用范围：文娱-咨询-教育均可，根据自己的情况来看，不要选择带有资质的类目，有可能需要上传增值电信许可证。

8、百度小程序目前仅支持企业注册小程序，个人的开发者暂时没有开放

9、抖音头条IDEA打开小程序提示welcome to mini program

出现原因：项目应该是导入IDEA不是新建再指定目录

未完待续。。。