WordPress + 微慕微信小程序配置

一、wordpress 微慕插件下载和配置

1.1、插件下载安装和配置

[custom_card url="https://wordpress.org/plugins/rest-api-to-miniprogram/"]

下载完后,名称是rest-api-to-miniprogram-v4.6.8.1,打开wordpress后台,进入安装插件,然后点击上传插件,并启动。

1.2、配置前要输入验证码

关注微慕公众号,发验证码,然后点击获取验证码,输入验证码后,就能进行配置。

1.3、如何获取微信小程序的APPID和wordprss插件配置

登录微信小程序官网,扫描登录后,在目录最下面的设置,基本设置的账户信息,就有小程序ID,复制黏贴到wordprss插件的appid输入框。

这样wordpress插件就配置好了。

二、微信小程序配置

2.1、下载微信小程序代码

gitee地址:https://gitee.com/iamxjb/winxin-app-watch-life.net

2.2、下载微信开发工具者并上传微慕小程序相关代码文件

[custom_card url="https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html"]

安装好微信开发者工具并打开,创建1个小程序。或者已经有小程序的创建的时候输入appid。

2.3、上传微慕小程序

把下载下来的代码解压后,先把H:\微信小程序目录的文件都删除,把解压后的文件导入。

然后点击普通编译,查看效果

2.4、微信小程序配置

配置文件目录是:utils/config.js,找到下面的4个配置项,并替换成自己的网站相关配置参数

//配置域名,域名只修改此处。
//如果wordpress没有安装在网站根目录请加上目录路径,例如:"www.watch-life.net/blog"
var DOMAIN = "www.saiita.com.cn";
var WEBSITENAME="SaiitaのBlog"; //网站名称
var PAGECOUNT='10'; //每页文章数目
var WECHAT='邮箱:chenghoufeng@hotmail.com'; //客服联系方式,如 微信号:iamxjb 或 邮箱:iamxjb@sina.com

配置好后,再次点击普通编译,微信小程序和wordpress插件相关配置就完成了。

2.5、手机预览微信小程序

在普通编译右边有个预览按键,点击预览就出现1个二维码,手机微信扫下二维码,就可以在手机查看微信小程序的效果。

三、上传代码到微信服务器

3.1、上传代码

点击微信开发者工具右上角的上传,并点击确定

3.2、更新微信小程序用户隐私保护指引

在设置的隐私和安全,更新用户隐私和保护,提交后进行审核。

不更新好像微信小程序的登录功能用不了,而且微信小程序还提交不了,只能更新后再提交审核。

3.3、微信小程序网页版提交审核

登录微信小程序网页版,在版本管理的开发版本进行提交审核

四、问题

问题1:如果wordrpss相关图片没有放在CDN和OSS的话,可以直接使用,而我是使用了CDN,图片地址是cdn.saiita.com.cn,所有微信小程序提交审核通过后,有些图片不会显示,只能是文字。

解决办法:微信小程序主题改为企业,添加业务域名:cdn.saiita.com.cn



知识共享许可协议本作品采用知识共享署名-相同方式共享 4.0 国际许可协议进行许可。

相关推荐

【WP REST Cache】微慕小程序API加速设置,解决微慕小程序首页加载数据失败问题

微信小程序首页翻页会报数据加载失败,失败率很高,很影响使用体验,而且翻页加载速度很慢,大概每次都要3~6S。所以要找解决方法。还有就是微慕官网有API加速的插件,价格要299元,虽然价格不太贵。但这个应有免费的解决办法。所以百度了一下,最终找到了解决方法,就是下载安装WP REST CACHE 。设置了下,就解决了问题。

微慕微信小程序设置用户隐私协议

不设置微信用户隐私协议,会导致微信小程序登录问题失败问题。
原理是用户点击登录,弹出用户隐私协议弹框,同意后才能登录微信小程序。
如果微信小程序已经发布了,也可以更新用户隐私。不需要跟微信小程序代码发布。
下面就是怎么跟新用户隐私 协议的内容

暂无评论

目录展开