基于HBuilder 开发 项目之微信支付

@(HBuilder)[微信支付 |vue]

此项目是基于vue开发的一款移动端app,然后基于HBuilder进行打包成apk文件。

一 、用户申请微信开放平台申请移动应用

首先进入微信开放平台,如果有账号的话直接登录,没有的话则根据步骤申请一个账号
  • 登陆注册 :首先进入微信开放平台,如果有账号的话直接登录,没有的话则根据步骤申请一个账号
  • 创建应用 :可以根据提示一步一步操作

注意:申请时需要用到app的包名和应用签名。
应用包名: 是在APP项目配置文件AndroidManifest.xml中声明的package值.
应用签名: 根据项目的应用包名和编译使用的keystore. 可由签名工具生成一个32位的md5串,我们将打包好的app(配有证书文件的前提)装在手机上,记住打包时需配置appID。打包时的具体流程详细配 置这里不再一一说明,如图所示
avatar
另外也支持 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
2
3
4
5
6
7
8
9
10
11
12
13
14
15
	// 获取支付通道  
plus.payment.getChannels(function(channels) {
//channel就是我们获取到的支付通道信息
var txt = '支付通道信息:';
for(var i in channels) {
var channel = channels[i];
if(channel.id == 'qhpay' || channel.id == 'qihoo') { // 过滤掉不支持的支付通道
continue;
}
}
}
}, function(e) {
ddsd.log('获取支付通道失败:' + e.message);
});
}
子商户调用“服务商提供的接口”返回支付数据,在APP发起支付

参数示例如下

拿到参数后调取plus 模块 的支付

1
2
3
4
5
plus.payment.request(pays, order, function(result) {  
//支付成功回调
}, function(e) {
//支付失败回调
});

参数说明

pays 参数为上面获取到的支付通道里的对象,,, 治理再调用微信支付时进行具体判断拿到参数对象
order就是我们通过后台数据拿到的订单信息,切记转为字符串格式

基于HBuilder 开发 项目之微信支付

https://blueskyadd.github.io/2019/07/20/weixinPay/

Posted on

2019-07-20

Updated on

2019-12-23

Licensed under

Kommentare

:D 一言句子获取中...

Loading...Wait a Minute!