教你把 WordPress 做成小程序
很多人觉得WordPress不能直接转换成小程序, 事实是这样的: 要把WordPress当作内容管理后台来用, 把小程序当作面向用户的前端界面来用。两边可以通过REST API连接起来, 由REST API负责读取文章、分类以及图片数据。这样做的好处是内容只需要维护一份, 小程序可以根据需要去显示这些信息。。
一、先定范围：第一版只做“内容小程序”
假如你们现在的目标是做文章、做案例、做产品介绍以及搜索这样的功能, 那么第一版先只做四块东西, 这四块内容是首页、分类列表、详情页和搜索。至于评论、会员、支付这些功能, 后面再慢慢加就行了。要是做商城类型的话情况更复杂, 因为还要接上WooCommerce系统, 还得处理订单和支付的问题。
小程序它并不去运行WordPress主题里的PHP代码内容, 所以这个主题没有办法直接被套用过来使用呢；因此需要依靠小程序的前端开发环节, 或者通过基于uni-app框架构建的项目来进行处理, 又或者通过基于Taro框架构建的项目来进行处理。
二、准备 WordPress 后台
- 在关于HTTPS再加上备案这方面的要求里头, 小程序请求域名的时候, 那个域名必须得是HTTPS这样的协议类型。然后呢, 如果是要用国内那边的主机来承载内容的话, 就必须要完成备案这个手续才行。
- 固定链接：不要用“朴素”形式，保证
/wp-json/可访问。 - 内容结构:标题要先补齐, 摘要也要补齐, 特色图片得弄好, 分类信息同样需要补全, 这样做了, 列表页上面才会有实实在在的展示内容给你看。
- 图片：压缩并使用 CDN；http 图片容易加载失败，处理方法见CDN 图片不显示。
- 强调整体的安全性: 需要让WordPress系统以及所使用的相关主题和插件都始终维持在最新的版本状态, 与此同时, 针对那个被称作AppSecret的关键保密字符串, 必须严格规定仅仅允许部署在服务器端的代码环境里去进行访问和使用操作, 而绝对不能采取将其直接暴露在客户端前端页面的做法。
你需要在浏览器里直接打开那个网址, 也就是 https://你的域名/wp-json/wp/v2/posts?per_page=1&_embed 这个路径, 要是网页上能显示出 JSON 格式的数据内容, 那么就代表对应的接口是正常工作的。字段说明见WordPress REST API文档。
三、选前端：现成源码或 uni-app
不想写代码：选维护中的 WordPress 小程序源码或服务，导入微信开发者工具，改接口域名即可。站内这份WordPress小程序源码可以了解目录和配置方式；它发布时间较早，正式上线前要确认版本、依赖和安全更新。
要定制：用 uni-app 或 Taro 写页面，通过 REST API 取数据，参考uni-app 文档。先把列表、详情还有图片这部分给打通, 然后才去加入评论以及会员和支付的这些功能。
如果还要发布到百度、QQ 等平台，可参考WordPress百度智能小程序的适配思路，但不要一开始同时铺多个平台。
四、配置小程序的 4 个关键位置
| 位置 | 填什么 | 常见错误 |
|---|---|---|
| AppID | 微信公众平台的小程序 AppID | 误用公众号 AppID |
| 服务器域名 | HTTPS + 已备案的 WordPress 域名 | 填 http、端口或带路径 |
| API_HOST | https://你的域名/ | 漏协议或斜杠，按源码说明填 |
| AppSecret | 插件或服务端配置 | 写进小程序前端，泄露后重置 |
服务器的域名需要在你所使用的微信公众平台里进行配置, 具体的位置是在“开发管理”这个板块下面, 然后点击进入“开发设置”, 再找到“服务器域名”这一项来进行设置；当你修改了相关的配置之后, 需要重新对代码进行编译, 或者重新启动一下开发者工具。
五、上传、审核、发布
- 用微信开发者工具把项目导入进去, 然后把AppID填好, 再执行编译操作, 等到这些步骤都完成了以后, 再去Network这个面板底下对相关的接口和图片请求是否成功进行确认。
- 真机预览这个动作要做, 列表、详情、搜索、分享这些都走一遍, 在弱网的环境下去检查图片以及加载的状态。
- 把代码上传上去, 然后填写版本号以及说明内容, 接着提交审核；根据实际情况来选择类目, 同时还要准备好测试账号和隐私说明。
- 把审核通过之后的情况放在前面来说, 第一步是把体验版先发出来, 用来给内部的同事们做测试工作, 第二步是再把正式的版本发布出去, 至于那个类目的确定和资质的准备, 就要以微信公众平台在当下时候所提出的具体要求作为标准的参照。
六、上线后维护
小程序发布上线了并不是说工作就结束了, 像那些内容更新的工作, 还有接口的缓存处理, 以及图片的CDN配置, 甚至是一些空分类和404页面的管理, 这些都是需要专门有人来负责的。大家每周都要去看一看访问的情况、搜索词的来源、分享的数据以及用户停留的时间, 然后先去对让用户最常用的路径进行修改和调整。
建议先把内容版这个事情给做起来。然后去跑通 WordPress 更新到小程序显示这一条链路。最后再去考虑评论、会员和支付的事情。这样做投入是最小的。也最有可能判断出这个事值不值得继续做下去。
常见问题
先定范围：第一版只做“内容小程序”，重点是什么？
假如你们现在的目标是做文章、做案例、做产品介绍以及搜索这样的功能, 那么第一版先只做四块东西, 这四块内容是首页、分类列表、详情页和搜索。至于评论、会员、支付这些功能, 后面再慢慢加就行了。要是做商城类型的话情况更复杂, 因为还要接上Woo…
准备 WordPress 后台，重点是什么？
在关于HTTPS再加上备案这方面的要求里头, 小程序请求域名的时候, 那个域名必须得是HTTPS这样的协议类型。然后呢, 如果是要用国内那边的主机来承载内容的话, 就必须要完成备案这个手续才行。 固定链接：不要用“朴素”形式，保证 /wp-…
选前端：现成源码或 uni-app，重点是什么？
不想写代码：选维护中的 WordPress 小程序源码或服务，导入微信开发者工具，改接口域名即可。站内这份WordPress小程序源码可以了解目录和配置方式；它发布时间较早，正式上线前要确认版本、依赖和安全更新。 要定制：用 uni-app…