基于HBuilder 开发 项目之微信支付
@(HBuilder)[微信支付 |vue]
此项目是基于vue开发的一款移动端app,然后基于HBuilder进行打包成apk文件。
一 、用户申请微信开放平台申请移动应用
首先进入微信开放平台,如果有账号的话直接登录,没有的话则根据步骤申请一个账号
- 登陆注册 :首先进入微信开放平台,如果有账号的话直接登录,没有的话则根据步骤申请一个账号
- 创建应用 :可以根据提示一步一步操作
注意:申请时需要用到app的包名和应用签名。
应用包名: 是在APP项目配置文件AndroidManifest.xml中声明的package值.
应用签名: 根据项目的应用包名和编译使用的keystore. 可由签名工具生成一个32位的md5串,我们将打包好的app(配有证书文件的前提)装在手机上,记住打包时需配置appID。打包时的具体流程详细配 置这里不再一一说明,如图所示
另外也支持 Java JDK 来生成MD5 签名,下载完双击安装。注意!!!此处有坑 Java JDK高版本的工具只能生成SHA1和SHA256这俩个微信支付用不了,,,所以请看清楚版本(推荐下载的版本为jdk-6u43-windows)
安装完成后以管理员身份进入Java下的bin目录,
1 cd C:\Program Files (x86)\Java\jdk1.8.0_144\bin
输入命令
1 keytool -genkey -v -keystore debug.keystore -alias androiddebugkey -keyalg RSA -validity 10000
然后查看生成的证书文件debug.keystore
1 | keytool -list -v -keystore debug.keystore |
到这里签名就成功了
到此为止
到此为止申请流程走通可以等待微信支付审核通过。
二、调用HBuilder的 plus模块
支付一共分为两步首先是获取手机的支付通道,这里的支付通道是我们在HBuilder 打包时所配置的支付模块
1 | // 获取支付通道 |
子商户调用“服务商提供的接口”返回支付数据,在APP发起支付
参数示例如下
拿到参数后调取plus 模块 的支付1
2
3
4
5plus.payment.request(pays, order, function(result) {
//支付成功回调
}, function(e) {
//支付失败回调
});
参数说明
pays 参数为上面获取到的支付通道里的对象,,, 治理再调用微信支付时进行具体判断拿到参数对象
order就是我们通过后台数据拿到的订单信息,切记转为字符串格式
基于HBuilder 开发 项目之微信支付