WordPress 网站转微信小程序教程

本教程可能需要一些 wordpress 建站技术和微信小程序制作的人，因为使用的工具比较粗糙，小白很难再短时间内搭建成功。

哈哈，不过不用担心，我会非常详细的讲解此教程，只要你会 wordpress 建站和微信小程序搭建就可以了，不需要什么很难的技术支持。

好的，让我们开始吧！

1丶搭建 WordPress 站点

这个就不多了，建议使用宝塔等工具安装 WordPress 4.7 等级以上的版本。因为 4.7 版本以上的源码包含 REST API JSON 接口，这是官方提供的，不需要再安装 json api 了。

安装后你需要在 WP 后台点击设置，将链接设置为 固定链接 和 伪静态 才行

2丶配置小程序的服务器域名

登录小程序后台-->点侧边栏开发-->开发设置 如图所示：

其中request合法域名必须配置，这个参数保证了小程序可以正常发送request请求，程序才能运行起来。同时，这个域名必须备案。

“业务域名”主要用于web-view内嵌网页时，用作域名白名单，如果不是业务域名里的域名，在web-view内嵌里访问网页时，就会报无法访问的错误。

注意：个人小程序是没有“业务域名”这个配置的。

downloadFile合法域名 请添加 ：https://wx.qlogo.cn   ，微信头像下载域名

3丶站点开启 HTTPS

你可以在阿里云申请免费的 SSL 二级域名证书

然后通过宝塔等工具，进行上传。

4丶安装 WordPress 插件

在 WP 后台点击插件 安装插件

右上角输入 REST API TO MiniProgram，搜索后点击安装，安装成功后点击启用，点击设置进入配置页面，如下如图所示

其中有4项是必填的

在这个配置界面配置AppID,AppSecret,小程序首页滑动文章ID,  前面两个参数在微信小程序的后台可以查到，这里就不赘述。“小程序首页滑动文章ID”这个参数是为了显示首页滑动轮播的文章。

如何查看文章ID 如下图

设置分类封面图片 如下图

5丶安装 微信小程序版的个人博客 & WordPress

下载地址：https://github.com/CrazyNing98/WeChatMiniProgram-Blog

有关在微信小程序的开发工具新建项目，导入程序，我就不赘述了，可以去搜索微信小程序的官方文档，有详细的介绍。

微信小程序项目创建好了后，打开config.js文件，config.js文件的路径如下图：

var DOMAIN = "www.iacblog.com";//配置域名,域名只修改此处

var WEBSITENAME="泽林博客"; //网站名称

var ABOUTID= 188; //wordpress网站关于页面的id

var TEMPPLATEID = 'hzKpxuPF2rw7O-qTElkeoE0lMwr0O4t9PJkLyt6v8rk';//模版消息id配置好以上参数，可以让小程序正常运行。其中：DOMAIN就是wordpress所在服务器的域名；

ABOUTID是wordpress的“页面”的id，这个页面id的获取和上面说的文章id类似。

来看下最终效果吧！！

作者微信：NINGCZ19980501

有问题及时联系我！！！

本博客基于：守望轩 小程序框架开发。

引用 wxParse丶ZanUI