使用WordPress博客快速创建QQ小程序

前言

前段时间QQ小程序全量开发，感谢分享已经体验并且成功的发布了基于本博客的QQ小程序。感谢艾玛汇的开源精神，本次教程使用的小程序插件和源码包均来自于艾玛汇。我们需要到github上面搜索下载“Travel-Mini-Program”。

image

开源小程序的功能体验如下：
1.支持搜索关键词文章
2.支持文章点赞 / 收藏 / 评论
3.支持查看个人点赞 / 收藏 / 评论文章列

image

在这里提前给大家打个预防针，关于小程序名称比较坑的是QQ小程序和微信小程序不同，它的名称设置不是以你注册时的名称为准，而是以你小程序发布后的名称为准。

image

准备阶段

注册申请QQ小程序获取QQ小程序AppID和AppSecret。
注册阶段就不说了，一路下一步就行。
获取开发者ID

image

配置服务器域名

image

上面两个步骤是必须要做的，也是十分的简单。
配置完毕后我们到wordpress博客里面进行配置
Mini Program API 插件

image

可以到WordPress插件市场下载安装。另一种方式是下载压缩包在本地解压，解压出来的文件目录, 通过 FTP 或者其他的文件管理方式，把 wp-mini-program 目录上传到 WordPress 网站的插件目录, 然后登录 WordPress 网站后台，点击插件, 在插件列表中启用 Mini Program API。
启用小程序插件后在仪表盘的下方会有一个“小程序”的设置的小程序授权输入勾选腾讯QQ小程序，输入你提前已经获取的小程序开发者ID信息。

image

在常规设置里面配置你申请的QQ小程序名称和描述，小程序版本号默认就好。

image

使用QQ小程序开发者工具进行小程序开发

在QQ小程序页面下载“QQ小程序开发工具”，安装运行使用QQ管理员扫码。点击新建项目选择项目目录，输入AppID。

image

解压下载的Travel-Mini-Program压缩包，使用编辑器（Notepad++、Sublime、VS Code都行）。

1. 找到app.json修改navigationBarTitleText的名字为你QQ小程序的名字。
2. 找到“tuils”文件夹修改 base.js 里的 const API_HOST = '你的域名' // 注意，域名需要填写协议，比如 https://www.wshenm.com
3. 然后到pages下的mine目录修改“mine.qlm”文件，把问题反馈代码删掉。
   
   image
   
   返回QQ小程序开发者工具，点击编译预览，一切正常后点击上传。
   
   image

发布QQ小程序

到QQ小程序后台，选择开发管理，对开发的版本提交审核。

image

为了提高审核效率，感谢分享强烈建议提交自测报告。官方提供的自测报告太笼统，开发者可以在文末下载我写的自测报告修改后提交。

image

提交审核后等待官方审核通过，然后点击发布就可以了。