泽林博客
致力于开发者的提升

WordPress 网站转微信小程序教程

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

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

好的,让我们开始吧!

1丶搭建 WordPress 站点

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

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

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

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

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

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

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

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

赞(3) 打赏
未经允许不得转载泽林博客 » WordPress 网站转微信小程序教程

评论 2

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. #1

    学习了

    A宜人贷返点1个月前 (01-14)回复
  2. #2

    学习了

    李鑫1个月前 (01-17)回复

泽林博客-致力于互联网开发者的成长

技术群聊软文发表

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏