开发技术栈

后端为基于强大的WordPress系统驱动+丸子自主研发的API插件驱动数据,前端技术为原生小程序语言开发+wxParse 文章富文本解析第三方库,当然你也可以选择其他的,看个人使用习惯。

准备工作准备工作就不细说,大体上包括如下操作:一是微信公众平台管理后台上注册小程序账号,配置域名等信息;二是服务端确保配置好HTTPS、“合法域名”这块是已经备案的域名。

另外在开始开发之前,我在服务端对WordPress REST API 进行了一些定制化的输出,这个很早就写了接下来几天我专门写个关于这个的文章吧这里就不细说了。

如何做小程序

搭建一个WordPress系统,全球免费开源的系统,百度搜索就可以找到搭建教程大家可以查看我做的教程。

完整版教程点击查看

安装小程序插件

完成了以上的步骤咱们直接进入WordPress后台,输入后台地址:你的域名/wp-admin,登录后台以后我们点击插件,搜索Mini Program API插件安装,就可以连接你的网站数据同步到小程序端。

配置小程序信息

安装完成插件我们打开启用插件设置,根据上面安装的Mini Program API插件设置您的微信小程序/QQ小程序/百度小程序信息。以便于同步你的网站信息可以更新到你的小程序。

打开微信开发者工具,导入下载的小程序源码,修改为您的网站域名就可以拥有一个属于你自己的小程序了,是不是很简单,你也想拥有一份属于自己的小程序,那就安装我的步骤动手吧。

用你的开发者工具打开你下载好的小程序代码修改域名,路径是utils\base.js

多端调试问题

小程序源代码导入开发工具,目前只有微信小程序开发工具导入项目的时候,基本上不会出现其他问题。其他小程序,如百度智能小程序和字节跳动小程序往往在导入项目的时候会替换掉 index.swan/index.ttml 和 index.css/index.ttss 。

因此,建议除了微信小程序开发工具导入项目外,其他小程序开发工具先新建一个项目,然后保留项目文件,其他删除,再把小程序源码复制到对应的项目目录下。

1. QQ 小程序项目文件为:project.config.json
2. 百度智能小程序项目文件为:pkginfo.json 和 project.swan.json
3. 字节跳动小程序项目文件为:project.config.json

详细版安装教程

配置教程发布了多个平台都可以看,从零到WordPress安装宝塔面板配置以及小程序配置教程;

零到一配置教程专栏:点击查看

微信公众号点击查看

CSDN:点击查看

腾讯社区:点击查看

小程序源码下载

历史小程序源码前往开源平台下载,百度搜索WordPress小程序即可看到丸子小程序开源下载平台。

WordPress小程序下载地址

前端下载地址:https://gitee.com/izol/cxcat

插件下载地址:https://gitee.com/izol/wzcj