月度归档： 2020年2月

使用文档

WordPress小程序（WP-APP）-使用文档（9）-头条系小程序申请设置指南

文章作者 Firenze
发布日期 2020年2月13日
WordPress小程序（WP-APP）-使用文档（9）-头条系小程序申请设置指南无评论

1.注册及申请

进入字节跳动小程序开发者平台 https://developer.toutiao.com/

登陆后按提示步骤完成申请，申请通过之后即可创建小程序。

切记：手机号等信息请如实填写

需注意：

1)在必填信息中，申请注册的公司主体信息请填写完整，请勿填写简称，小程序简介尽量与产品功能相关（后续可修改）

2)在选填信息中，尽量不要空白，如实填写相关情况

2.创建小程序

上述申请通过后，可以在后台 https://developer.toutiao.com/ 进行接入创建小程序

3.获取小程序 AppID 和 AppSecret 及配置服务器域名

小程序注册成功后，进入小程序管理后台 https://developer.toutiao.com/ ，点击左边 “开发” 菜单后，可查看 AppID 和设置 AppSecret，并设置域名服务器

标签 wordpress小程序

使用文档

WordPress小程序（WP-APP）-使用文档（8）-百度小程序申请设置指南

文章作者 Firenze
发布日期 2020年2月13日
WordPress小程序（WP-APP）-使用文档（8）-百度小程序申请设置指南无评论

1.注册并认证

注册并认证百度小程序请参考官方文档
https://smartprogram.baidu.com/docs/introduction/enter_application/

2.获取小程序APP ID，APP Key 和 APP SECRET

小程序注册成功后，进入小程序管理后台 https://smartprogram.baidu.com/ ，点击左边 “开发管理->设置” 菜单后，点击 “开发设置” 选项卡，可查看 APP ID，APP Key 和设置 APP SECRET

注意: 百度小程序比微信小程序多了APP Key, 插件后台需要填入并保存的是 APP Key 非 APP ID

APP ID 在百度开发者工具导入前端代码包时使用

将获取到的 APP Key 和 APP SECRET，填入插件后台，进行保存即可。

3.配置服务器域名

同样小程序管理后台 https://smartprogram.baidu.com/ ，点击左边 “开发管理->设置” 菜单后，同样 “开发设置” 选项卡，可配置服务器域名信息，简单点，所有设置都填入你网站的域名即可。

注意: 如果图片使用cdn, downloadFile合法域名处还需填写cdn的域名

注意: 因为可能要下载百度用户头像图片，downloadFile合法域名下还需添加：himg.bdimg.com

标签 wordpress小程序

使用文档

WordPress小程序（WP-APP）-使用文档（7）-微信小程序申请设置指南

文章作者 Firenze
发布日期 2020年2月13日
WordPress小程序（WP-APP）-使用文档（7）-微信小程序申请设置指南无评论

1.注册并认证

微信小程序申请建议先申请并认证公众号，这样可以直接使用公众号已认证资质快速申请并认证小程序，无需另外支付费用认证小程序，并且可以直接复用已认证的公众号资质快速申请并认证微信小程序。

使用公众号资质来快速注册小程序还有一个好处，以后还可以注册多个小程序，无需额外费用。

访问 https://mp.weixin.qq.com/ 进行注册，选择服务号或订阅号先申请并认证公众号，已有公众号可忽略，可注册为个人资质或企业资质，如果有企业资质建议申请企业资质，并完成认证公众号步骤。

公众号已注册并认证完毕后，可直接复用公众号资质快速注册并认证微信小程序。

进入公众号管理后台，小程序管理菜单下，点击添加，选择 “快速注册并认证小程序”，之后按提示要求填写小程序帐号信息并完成注册即可。

2.获取小程序AppID和AppSecret

进入小程序管理后台 https://mp.weixin.qq.com/ ，点击左边 “开发” 菜单后，点击 “开发设置” 选项卡，可查看 AppID 和设置 AppSecret

注意: AppSecret选择重置，只显示一次，注意保存

将获取到的 AppID 和 AppSecret，填入插件后台，进行保存即可。

3.配置服务器域名

同样小程序管理后台 https://mp.weixin.qq.com/ ，点击左边 “开发” 菜单，同样“开发设置” 选项卡下，可配置服务器域名信息，简单点，所有设置都填入你网站的域名即可。

注意: 如果图片使用cdn, downloadFile合法域名处还需填写cdn的域名

注意: 因为可能要下载用户头像图片，downloadFile合法域名下还需添加：wx.qlogo.cn

标签 wordpress小程序

使用文档

WordPress小程序（WP-APP）-使用文档（6）-快速搭建支付宝小程序

文章作者 Firenze
发布日期 2020年2月13日
WordPress小程序（WP-APP）-使用文档（6）-快速搭建支付宝小程序无评论

快速搭建支付宝小程序，假设您已经有支付宝小程序账号，并已获得了支付宝小程序的 APP ID 和支付宝小程序所需要的私钥和公钥，若不知道怎么申请支付宝小程序账号及获取APP ID 和 私钥和公钥 请参考支付宝小程序申请设置指南。

1.wordpress后台上传启用插件

将获取到的插件zip文件包（文件名称 wp-app.zip），通过wordpress后台直接上传启用插件，启用插件后，大部分选项设置已经自动设置好默认值，有需要参考后可自行再修改（比如需要开启的组件及显示样式）。

2.wordpress后台插件小程序管理菜单设置 APP ID 和私钥和公钥

进入wordpress后台”支付宝小程序”管理菜单页面，设置好 APP ID 和 私钥和公钥

3.下载支付宝小程序开发者工具安装后新建项目导入前端代码

下载地址：https://opendocs.alipay.com/mini/ide/download

解压获取到的QQ小程序前端代码（文件名wp-app-mp-alipay.zip）到本地计算机上
比如解压到本地 D:\app_alipay\wp-app-mp-alipay

安装好支付宝小程序开发者工具，打开工具后点击 “打开项目”，如图

选择目录路径 D:\app_alipay\wp-app-mp-alipay

一定要选择wp-app-mp-alipay这个根目录，请看图

4.修改前端代码域名配置信息

导入项目成功后，在该文件下 common/main.js，找到该段代码(前端代码已做压缩优化)，可搜索关键词 n.default.prototype.serverUrl

n.default.prototype.serverUrl="https://your_wordpress_url"

将 your_wordpress_url 替换为您的wordpress网站主页地址

比如：

n.default.prototype.serverUrl="https://wp-autoblog.net"

或

n.default.prototype.serverUrl="https://wp-autoblog.net/wordpress"

5.修改小程序主色调颜色

在该文件下 common/main.acss，找到该段代码

page{ --mainColor:#00b3db;
      --mainColorLight:#01c5f1;
      --mainColorShadow:rgba(0,179,219,0.2)
     }

可修改小程序主色调颜色
--mainColor 为主色调颜色 --mainColorLight 为主色调浅色系颜色 --mainColorShadow 为主色调阴影颜色

6.修改小程序名称，底部导航栏信息等

在该文件下 app.json，可对支付宝小程序进行全局配置，更多详细配置可参考https://opendocs.alipay.com/mini/framework/app-json

比如，修改小程序名称

  "window": {
    "defaultTitle": "有云WordPress",
    "titleBarColor": "#FFFFFF"
  },

7.上传前端代码包，等待审核通过后上线

基本信息修改完毕，开发工具左边小程序预览正常后即可上传代码，上传代码后，登陆小程序管理后台，https://mini.open.alipay.com/ 提交审核，等待审核通过后登陆小程序管理后台布上线即可。

快速过审技巧

保证小程序标题和注册的小程序名称保持一致，选择的服务类目和网站主题保持一致，wordpress后台本插件选项菜单可先设置关闭评论功能，等审核通过上线后再开启评论功能即可。

标签 wordpress小程序

使用文档

WordPress小程序（WP-APP）-使用文档（5）-快速搭建QQ小程序

文章作者 Firenze
发布日期 2020年2月13日
WordPress小程序（WP-APP）-使用文档（5）-快速搭建QQ小程序无评论

快速搭建QQ小程序，假设您已经有QQ小程序账号，并已获得了QQ小程序的 APP ID 和 APP SECRET，若不知道怎么申请QQ小程序账号及获取APP ID 和 APP SECRET 请参考 QQ小程序申请设置指南。

1.wordpress后台上传启用插件

2.wordpress后台插件小程序管理菜单设置 APP ID 和 APP SECRET

进入wordpress后台”QQ小程序”管理菜单页面，设置好 APP ID 和 APP SECRET

3.下载QQ小程序开发者工具安装后新建项目导入前端代码

下载地址：https://q.qq.com/wiki/tools/devtool/

解压获取到的QQ小程序前端代码（文件名wp-app-mp-qq.zip）到本地计算机上
比如解压到本地 D:\app_qq\wp-app-mp-qq

安装好QQ小程序开发者工具，打开工具后点击新建项目，项目目录选择wp-app-mp-qq文件夹目录，比如 D:\app_qq\wp-app-mp-qq 并填入你申请小程序的AppID，项目名称随意

4.修改前端代码域名配置信息

导入项目成功后，在该文件下 common/main.js，找到该段代码(前端代码已做压缩优化)

n.default.prototype.serverUrl="https://your_wordpress_url"

将 your_wordpress_url 替换为您的wordpress网站主页地址

比如：

n.default.prototype.serverUrl="https://wp-autoblog.net"

或

n.default.prototype.serverUrl="https://wp-autoblog.net/wordpress"

5.修改小程序主色调颜色

在该文件下 common/main.qss，找到该段代码

page{ --mainColor:#00b3db;
      --mainColorLight:#01c5f1;
      --mainColorShadow:rgba(0,179,219,0.2)
     }

可修改小程序主色调颜色
--mainColor 为主色调颜色 --mainColorLight 为主色调浅色系颜色 --mainColorShadow 为主色调阴影颜色

6.修改小程序名称，底部导航栏信息等

在该文件下 app.json，可对QQ小程序进行全局配置，更多详细配置可参考https://q.qq.com/wiki/develop/miniprogram/frame/dispose.html

比如，修改小程序名称

  "window": {
    "navigationBarTextStyle": "black",
    "navigationBarTitleText": "有云WordPress",
    "navigationBarBackgroundColor": "#FFFFFF"
  },

7.上传前端代码包，等待审核通过后上线

基本信息修改完毕，开发工具左边小程序预览正常后即可上传代码，上传代码后，登陆小程序管理后台，https://q.qq.com/ 提交审核，等待审核通过后登陆小程序管理后台布上线即可。

快速过审技巧

标签 wordpress小程序

使用文档

WordPress小程序（WP-APP）-使用文档（4）-快速搭建头条系小程序

文章作者 Firenze
发布日期 2020年2月13日
WordPress小程序（WP-APP）-使用文档（4）-快速搭建头条系小程序无评论

快速搭建头条小程序，假设您已经有字节跳动的小程序账号，并已获得了头条小程序的 APP ID 和 APP SECRET，若不知道怎么申请字节跳动小程序账号及获取APP ID 和 APP SECRET 请参考头条系小程序申请设置指南。

1.wordpress后台上传启用插件

2.wordpress后台插件小程序管理菜单设置 APP ID 和 APP SECRET

进入wordpress后台”头条小程序”管理菜单页面，设置好 APP ID 和 APP SECRET

3.下载字节跳动开发者工具安装后新建项目导入前端代码

下载地址：https://developer.toutiao.com/dev/cn/mini-app/develop/developer-instrument/developer-instrument-update-and-download

解压获取到的头条小程序前端代码（文件名wp-app-mp-toutiao.zip）到本地计算机上
比如解压到本地 D:\app_toutiao\wp-app-mp-toutiao

安装好字节跳动开发者工具后新建小程序项目，选择 “导入”

选择目录路径 D:\app_toutiao\wp-app-mp-toutiao

一定要选择wp-app-mp-toutiao这个根目录，请看图

修改project.config.json文件里的小程序appid及项目名称，Ctrl+S保存后重启开发者工具

4.修改前端代码域名配置信息

导入项目成功后，在该文件下 common/main.js，找到该段代码(前端代码已做压缩优化)

_vue.default.prototype.serverUrl="https://your_wordpress_url"

将 your_wordpress_url 替换为您的wordpress网站主页地址

比如：

_vue.default.prototype.serverUrl="https://wp-autoblog.net"

或

_vue.default.prototype.serverUrl="https://wp-autoblog.net/wordpress"

5.修改小程序主色调颜色

在该文件下 common/main.ttss，找到该段代码

page{ --mainColor:#00b3db; 
      --mainColorLight:#01c5f1;
      --mainColorShadow:rgba(0,179,219,0.2)
     }

可修改小程序主色调颜色
--mainColor 为主色调颜色 --mainColorLight 为主色调浅色系颜色 --mainColorShadow 为主色调阴影颜色

6.修改小程序名称，底部导航栏信息等

在该文件下 app.json，可对头条小程序进行全局配置，更多详细配置可参考https://developer.toutiao.com/dev/cn/mini-app/develop/framework/basic-reference/general-configuration

比如，修改小程序名称

  "window": {
    "navigationBarTextStyle": "black",
    "navigationBarTitleText": "有云WordPress",
    "navigationBarBackgroundColor": "#FFFFFF"
  },

7.上传前端代码包，等待审核通过后上线

基本信息修改完毕，开发工具左边小程序预览正常后即可上传代码，上传代码后，登陆小程序管理后台，https://developer.toutiao.com/ 提交审核，等待审核通过后登陆小程序管理后台布上线即可。

快速过审技巧

标签 wordpress小程序

使用文档

WordPress小程序（WP-APP）-使用文档（3）-快速搭建百度小程序

文章作者 Firenze
发布日期 2020年2月13日
WordPress小程序（WP-APP）-使用文档（3）-快速搭建百度小程序无评论

快速搭建百度智能小程序，假设您已经申请好了百度小程序账号，并已获得了百度小程序的 APP ID , APP Key 和 APP Secret，若不知道怎么申请百度小程序账号及获取 APP ID，APP Key 和 APP SECRET 请参考文档百度小程序申请设置指南。

1.wordpress后台上传启用插件

2.wordpress后台插件小程序管理菜单设置 APP Key 和 APP Secret

进入wordpress后台”百度小程序”管理菜单页面，设置好 APP Key 和 APP Secret

PS：百度小程序还有个APP ID，这里设置的是 APP Key 不是 APP ID

3.下载百度开发者工具安装后新建项目导入前端代码

下载地址：https://smartprogram.baidu.com/docs/develop/tutorial/install/

解压获取到的百度小程序前端代码（文件名wp-app-mp-baidu.zip）到本地计算机上
比如解压到本地 D:\baidu_app\wp-app-mp-baidu

安装好微信开发者工具后新建小程序项目，选择 “导入项目”，填写项目名称，AppID（这里不是APP KEY），选择目录路径D:\baidu_app\wp-app-mp-baidu

4.修改前端代码域名配置信息

导入项目成功后，在该文件下 common/main.js，找到该段代码(前端代码已做压缩优化)

n.default.prototype.serverUrl="https://your_wordpress_url"

将 your_wordpress_url 替换为您的wordpress网站主页地址

比如：

n.default.prototype.serverUrl="https://wp-autoblog.net"

或

n.default.prototype.serverUrl="https://wp-autoblog.net/wordpress"

5.修改小程序主色调颜色

在该文件下 common/main.css，找到该段代码

page{--mainColor:#00b3db;--mainColorLight:#01c5f1;--mainColorShadow:rgba(0,179,219,0.2)}

可修改小程序主色调颜色
--mainColor 为主色调颜色 --mainColorLight 为主色调浅色系颜色 --mainColorShadow 为主色调阴影颜色

6.修改小程序名称，底部导航栏信息等

在该文件下 app.json，可对百度小程序进行全局配置，更多详细配置可参考https://smartprogram.baidu.com/docs/develop/tutorial/process/

比如，修改小程序名称

  "window": {
    "navigationBarTextStyle": "black",
    "navigationBarTitleText": "您的小程序名称",
    "navigationBarBackgroundColor": "#FFFFFF",
    "backgroundColor": "#F8F8F8"
  },

7.上传前端代码包，等待审核通过后上线

基本信息修改完毕，小程序预览正常后，开发工具上边工具栏即可点击“发布”上传代码，上传代码后，登陆小程序管理后台，https://smartprogram.baidu.com/ 提交审核，等待审核通过后登陆小程序管理后台布上线即可。

更详细过程，可参考：https://smartprogram.baidu.com/docs/develop/tutorial/startdevelop/

快速过审技巧

百度小程序审核过程似乎比微信小程序审核更加严格，先真机预览保证所有页面正常打开无异常，保证小程序标题和注册的小程序名称保持一致，选择的服务类目和网站主题保持一致，wordpress后台本插件选项菜单可先设置关闭评论功能，等审核通过上线后再开启评论功能即可。

标签 wordpress小程序

使用文档

WordPress小程序（WP-APP）-使用文档（2）-快速搭建微信小程序

文章作者 Firenze
发布日期 2020年2月12日
WordPress小程序（WP-APP）-使用文档（2）-快速搭建微信小程序无评论

快速搭建微信小程序，假设您已经有微信的小程序账号，并已获得了微信小程序的 APP ID 和 APP SECRET，若不知道怎么申请微信小程序账号及获取APP ID 和 APP SECRET 请参考文档微信小程序申请设置指南。

1.wordpress后台上传启用插件

2.wordpress后台插件小程序管理菜单设置 APP ID 和 APP SECRET

进入wordpress后台”微信小程序”管理菜单页面，设置好 APP ID 和 APP SECRET

3.下载微信开发者工具安装后新建项目导入前端代码

下载地址：https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

解压获取到的微信小程序前端代码（文件名wp-app-mp-weixin.zip）到本地计算机上
比如解压到本地 D:\wechat_app\wp-app-mp-weixin

安装好微信开发者工具后新建小程序项目，选择 “导入项目”，填写项目名称，AppID，选择目录路径D:\wechat_app\wp-app-mp-weixin

4.修改前端代码域名配置信息

导入项目成功后，在该文件下 common/main.js，找到该段代码(前端代码已做压缩优化)

n.default.prototype.serverUrl="https://your_wordpress_url"

将 your_wordpress_url 替换为您的wordpress网站主页地址

比如：

n.default.prototype.serverUrl="https://wp-autoblog.net"

或

n.default.prototype.serverUrl="https://wp-autoblog.net/wordpress"

5.修改小程序主色调颜色

在该文件下 common/main.wxss，找到该段代码

page{--mainColor:#00b3db;--mainColorLight:#01c5f1;--mainColorShadow:rgba(0,179,219,0.2)}

可修改小程序主色调颜色
--mainColor 为主色调颜色 --mainColorLight 为主色调浅色系颜色 --mainColorShadow 为主色调阴影颜色

6.修改小程序名称，底部导航栏信息等

在该文件下 app.json，可对微信小程序进行全局配置，更多详细配置可参考https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/app.html

比如，修改小程序名称

  "window": {
    "navigationBarTextStyle": "black",
    "navigationBarTitleText": "修改为您的小程序名称",
    "navigationBarBackgroundColor": "#FFFFFF",
    "backgroundColor": "#F8F8F8"
  },

7.上传前端代码包，等待审核通过后上线

基本信息修改完毕，开发工具左边小程序预览正常后即可上传代码，上传代码后，登陆小程序管理后台，https://mp.weixin.qq.com/ 提交审核，等待审核通过后登陆小程序管理后台布上线即可。

快速过审技巧

标签 wordpress小程序

使用文档

WordPress小程序（WP-APP）-使用文档（1）-简介

可将wordpress网站快速生成小程序版本

本套件包含后端wordpress插件及各端（微信小程序，百度小程序，头条/抖音小程序，支付宝小程序，QQ小程序）前端代码。

官方网站及购买地址：wordpress小程序套件

演示案例

微信扫码体验

百度APP扫码体验

QQ扫码体验

头条APP扫码体验
或手机浏览器扫码
选择头条或抖音打开体验

支付宝APP扫码体验

以上各APP端小程序数据来源WordPress网站都为 https://wp-autoblog.net/wordpress/

使用必备条件

必须已备案可访问的域名
必须开启SSL，即可通过https正常访问wordpress网站
wordpress4.7以上版本，支持最新wordpress版本
wordpress没有禁用 REST API 接口，通常情况下都不会禁用该接口，默认都是开启的浏览器访问 https://(your_wordpress_url)/wp-json/wp/v2/posts
或在浏览器访问 https://(your_wordpress_url)/wp-json/wp/v2 替换 (your_wordpress_url) 为您的wordpress网站首页地址如果有数据输出，说明该接口正常，如果没有输出数据或404等异常情况，说明该接口可能被禁用，可网络搜索如何开启即可

套件包含文件目录

文件名	说明
wp-app.zip	wordpress后台小程序管理插件
wp-app-mp-weixin.zip	微信小程序前端代码
wp-app-mp-baidu.zip	百度小程序前端代码
wp-app-mp-qq.zip	QQ小程序前端代码
wp-app-mp-toutiao.zip	头条小程序前端代码
wp-app-mp-alipay.zip	支付宝小程序前端代码

标签 wordpress小程序

1.注册及申请

2.创建小程序

3.获取小程序 AppID 和 AppSecret 及 配置服务器域名

1.注册并认证

2.获取小程序APP ID，APP Key 和 APP SECRET

3.配置服务器域名

1.注册并认证

2.获取小程序AppID和AppSecret

3.配置服务器域名

1.wordpress后台上传启用插件

2.wordpress后台插件小程序管理菜单设置 APP ID 和 私钥和公钥

3.下载支付宝小程序开发者工具安装后新建项目导入前端代码

4.修改前端代码域名配置信息

5.修改小程序主色调颜色

6.修改小程序名称，底部导航栏信息等

7.上传前端代码包，等待审核通过后上线

快速过审技巧

1.wordpress后台上传启用插件

2.wordpress后台插件小程序管理菜单设置 APP ID 和 APP SECRET

3.下载QQ小程序开发者工具安装后新建项目导入前端代码

4.修改前端代码域名配置信息

5.修改小程序主色调颜色

6.修改小程序名称，底部导航栏信息等

7.上传前端代码包，等待审核通过后上线

快速过审技巧

1.wordpress后台上传启用插件

2.wordpress后台插件小程序管理菜单设置 APP ID 和 APP SECRET

3.下载字节跳动开发者工具安装后新建项目导入前端代码

4.修改前端代码域名配置信息

5.修改小程序主色调颜色

6.修改小程序名称，底部导航栏信息等

7.上传前端代码包，等待审核通过后上线

快速过审技巧

1.wordpress后台上传启用插件

2.wordpress后台插件小程序管理菜单设置 APP Key 和 APP Secret

3.下载百度开发者工具安装后新建项目导入前端代码

4.修改前端代码域名配置信息

5.修改小程序主色调颜色

6.修改小程序名称，底部导航栏信息等

7.上传前端代码包，等待审核通过后上线

快速过审技巧

1.wordpress后台上传启用插件

2.wordpress后台插件小程序管理菜单设置 APP ID 和 APP SECRET

3.下载微信开发者工具安装后新建项目导入前端代码

4.修改前端代码域名配置信息

5.修改小程序主色调颜色

6.修改小程序名称，底部导航栏信息等

7.上传前端代码包，等待审核通过后上线

快速过审技巧

演示案例

使用必备条件

套件包含文件目录

3.获取小程序 AppID 和 AppSecret 及配置服务器域名

2.wordpress后台插件小程序管理菜单设置 APP ID 和私钥和公钥