关注VPS服务器
相关知识分享

从零开始搭建 WordPress小程序详细图文教程

WordPress小程序以微信为基础,做到即点即用,不用了也不占手机空间,是现在很流行的 wordpress接入微信小程序的办法。老魏分享从购买服务器开始到小程序上线的完整过程,涉及较多基础知识及操作,希望大家耐心看完,都能快速搭建起自己的 wordpress小程序

从零开始搭建 WordPress小程序教程

从零开始搭建 WordPress小程序教程

搭建 wordpress小程序准备工作

1、服务器选择

推荐选择阿里云服务器或腾讯云服务器。小程序无法用虚拟主机部署。

    • 不要买有突发性能/t5/t6/共享/轻量 这些字样的,无法满足小程序使用需要
    • 建议配置选择 2核4G、2核8G、4核8G,比较流畅

参考下面表格中的服务器优惠活动:

阿里云热门活动
最新活动页企业特惠专场爆款特惠
上云必备云小站会员中心优惠
ECS精选特惠0.95折云·速成美站云数据库1折
CDN加速5.5折商标注册服务
阿里云热门直播
新手开公司避坑中小企业与商标Logo专属设计
CDN选购指南游戏行业CDN全站加速实践在线教育CDN全站加速实践
阿里云热门云产品
ECS云服务器云数据库MySQL对象存储OSS
SSL证书短信套餐包CDN云加速
  • 先买服务器后买域名。因为腾讯云对新用户有服务器优惠价格,非常便宜。而如果你先买了域名就算老用户(付费就算老用户)无法享受优惠价格。

腾讯云都是独享型服务器,无性能限制,建议考虑

腾讯云双11活动星星海SA2云服务器腾讯云全球购
企业上云特惠新客专属福利云服务器购买页
  • 买完了服务器、域名就立即提交网站备案,需要10多个工作日(各省时间不同)。越早提交备案,下来备案号也越早。
  • 在申请备案的这段时间也别闲着,同时在服务器上部署宝塔面板,但不要解析域名到服务器 IP地址(影响备案审核)。

手动部署宝塔面板请看宝塔面板 7.0 版安装部署图文教程 适合小白建站 可视化建站 功能强大 符合国人习惯

  • 阿里云和腾讯云都支持可视化安装宝塔面板,大家可以根据下面教程去操作。部署之后再去宝塔面板中升级到最新版本。

自动部署宝塔面板请看阿里云 ECS 服务器如何一键安装宝塔面板/配置宝塔镜像 超详细图文讲解新购腾讯云服务器如何一键安装宝塔面板 新手必看教程

  • 建议使用 Linux服务器+CentOS8.0+php7.3+mysql5.7+nginx1.18
  • php版本建议 7.3及以上,mysql5.6及更高版本,服务器需支持curl。注意:不支持php5.5及以下版本,wordpress版本不能低于4.9,mysql最好用5.7。
  • 编辑器:安装经典编辑器使用,默认的古登堡编辑器有兼容性问题。教程请看WordPress 5.0 禁用 Gutenberg 编辑器 用回 Classic Editor经典编辑器的方法

WordPress程序部署

关于如何搭建 wordpress这里就不细说了,请看教程宝塔面板一键部署源码安装 WordPress 完整过程 – 零基础搭建 wordpress 教程

WordPress小程序相关要点

1、网站备案

小程序只支持备案网站接入,所以说大家一步步来,先买国内服务器和域名,再备案,才能符合小程序的基本要求。

国内政策要求备案网站的域名必须在国内域名商购买,所以建议在阿里云腾讯云购买域名,价格便宜、安全性高、免费提供隐私保护。

2、SSL证书

就是网址前面显示 https,这是小程序强制要求的,有免费 SSL和付费SSL,如果是个人和普通小程序选择免费SSL就够用了。

大型电商及其他有硬性要求的业务请选择付费SSL。

部署SSL证书教程请看宝塔面板申请免费宝塔SSL证书及部署的详细图文教程

申请腾讯云免费ssl证书并部署到宝塔面板

申请阿里云免费SSL证书为网站开启https图文教程

免费SSL证书与付费SSL证书区别在哪?如何选择?

3、固定链接及伪静态

在 wordpress后台 > 设置 > 固定链接,提前设置好。

伪静态在宝塔面板中设置。

相关教程请看WordPress固定链接设置及伪静态规则

4、主题

微信小程序对 wordpress主题没有要求,能正常访问网站就行了。假如遇到问题可以尝试把 wordpress主题切换到默认主题,再尝试小程序的效果。

5、小程序获取网站数据

  • 主题只是网站对外展示的“皮肤”,而小程序获取的是网站内容,包括文字、图片、视频等等,通常以发布文章的形式展现给访客;
  • 文章包括标题、正文。正文中有文字、图片、视频等;
  • 小程序仅支持本地mp4上传和腾讯视频。

网站“皮肤”可以更换而网站内容是不会变的。所以说内容才是网站和小程序的根本数据来源。

6、Reset API插件

这种插件把 wordpress内容转化成小程序能识别的内容。比如国内常用的微慕小程序(点我直达),有几万个网站在使用。

通过宝塔面板 > 文件 > /wp-content/plugins > 上传,选择微慕小程序插件压缩包上传;

上传后解压会得到rest-api-to-wechat目录;

上传微慕小程序插件压缩包并解压

上传微慕小程序插件压缩包并解压

wordpress后台 > 插件 > 已安装插件 > 启用;

wordpress后台 > 微慕小程序 > 授权激活 > 输入授权码 > 激活;

关于微慕小程序请看微慕WordPress小程序安装使用教程

微慕小程序授权激活

微慕小程序授权激活

设置插件信息;

微慕的动态(论坛)功能需要安装bbpress,在wordpress后台插件的安装插件中搜索bbpress安装启用;

随便发几篇教育、旅游攻略或技术教程一类的文章,审核通过几率高;

新建一个关于我们的页面;

其他设置请看微慕小程序官网帮助文档

7、免费申请小程序

在微信公众平台免费申请小程序,最好使用企业主题,通过银行转账的方法认证。另外接受打赏要花300元认证费用,不开通打赏就不用花这个钱了。

8、小程序开发工具

小程序申请通过后从微信公众平台获取小程序开发工具,支持 windows和 Mac系统,类似 dreamweaver 使用时可以边开发,边预览结果。

经过定制改造使用小程序源代码,让小程序能够调用网站内容,这里因为要与 wordpress程序对接,所以要修改很多内容。

改造完成之后把小程序提交到微信公众平台上提交审核,审核通过后发布成功,在手机微信的小程序中打开就能看到了。

本文是搭建 WordPress小程序教程的完整流程,大家按照这个流程去操作就能顺利部署微信小程序了。关于小程序开发过程等请看微信公众号帮助,调试过程和帮助请看微慕小程序官网帮助文档

赞(0) 打赏
允许转载,保留出处:魏艾斯笔记 » 从零开始搭建 WordPress小程序详细图文教程

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

支付宝扫一扫打赏

微信扫一扫打赏