WordPress网站对接微信小程序遇到的一些bug

两天前，搞了个微信小程序对接了下网站，这里使用的是WPCOM的小程序：JustWeapp。当然，这是因为网站也是用的WPCOM的主题：JustNews。这样都用一个商家开发的，兼容性更强。这篇文章主要说一下我在使用JustWeapp上架微信小程序所遇到的一些问题。

微信扫描上方二维码，即可进入冰沫记小程序。

小程序白屏

这是因为我没有在微信小程序后台设置服务器域名导致的，设置位置在开发管理，开发设置，服务器域名处，添加自己的网站域名即可。

当时，我添加完域名，发现小程序还是白屏。最后，重启了微信，再次进入小程序，问题得到了解决。

小程序图片无法显示

包括一些网站文章里的图片，以及一些文章的缩略图无法显示。这是因为用了第三方云存储，我这里用了又拍云。而我的又拍云又开了防盗链功能，只要把微信小程序的服务域名添加到又拍云白名单即可。微信小程序服务域名：

servicewechat.com

这里我放的是通配符，又拍云通配符填写方式如下：

*servicewechat.com

又拍云官网描述

支持 * 通配符，如白名单的 *upyun.com 将允许 www.upyun.com、abcupyun.com 等网站访问；
允许最多添加 100 条。

小程序代码上传报错

这一部分主要是因为我小程序的一些基本信息没填写，就直接在后台上传代码，导致的报错。主要没填写的信息有：小程序名称，服务类目这些很基础的信息。

小程序分享无缩略图显示

这个原因也很简单，因为我刚开始虽然在又拍云里给小程序服务域名设置了白名单，但未允许空Referer访问云存储，就导致无法直接访问图片，结果就是在微信里分享小程序，看不到缩略图。

修改也很简单，在又拍云等运存储后台，设置防盗链的地方，允许空Referer访问即可。

当然，其实给微信好友分享小程序，微信聊天窗口看不到预览图无关紧要。这个空Referer访问开不开，都可以的。

但是，必须给微信服务域名添加白名单，即小程序图片无法显示部分所展示的内容。