开发技术栈
准备工作准备工作就不细说,大体上包括如下操作:一是微信公众平台管理后台上注册小程序账号,配置域名等信息;二是服务端确保配置好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 。
因此,建议除了微信小程序开发工具导入项目外,其他小程序开发工具先新建一个项目,然后保留项目文件,其他删除,再把小程序源码复制到对应的项目目录下。
详细版安装教程
配置教程发布了多个平台都可以看,从零到WordPress安装宝塔面板配置以及小程序配置教程;
零到一配置教程专栏:点击查看
微信公众号点击查看
CSDN:点击查看
腾讯社区:点击查看
小程序源码下载
WordPress小程序下载地址
前端下载地址:https://gitee.com/izol/cxcat
插件下载地址:https://gitee.com/izol/wzcj