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

前言

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

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

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

准备阶段

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

配置服务器域名

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

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

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

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

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

解压下载的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”文件,把问题反馈代码删掉。

    返回QQ小程序开发者工具,点击编译预览,一切正常后点击上传。

发布QQ小程序

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

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

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

小程序评测报告下载:https://www.lanzous.com/i5acare

下面是本站的QQ小程序,欢迎使用手机QQ扫码体验。今日头条小程序正在审核当中审核通过后同步放出教程。