WordPress小程序（WP-APP）-使用文档（6）-快速搭建支付宝小程序 – WordPress小程序(WP-App wordpress小程序套件)

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

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

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

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

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

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

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

导入项目成功后，在该文件下 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"

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

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

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

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

比如，修改小程序名称

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

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

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

发表评论 取消回复