Hbuildx 使用vue打包的App实现微信支付功能

很多兄弟在做App微信支付的时候出现报错，code:62000? code:-1? code:-100? 那是你没看本博主的文章！

前言：
本文章使用的是vue+h5+plus技术，结合hbuildx打包的App，实现在App中微信支付功能。

准备：
1.Appid
Appid需在微信开放平台中创建移动应用审核，审核成功后可查看Appid

注：包名以及签名一定和你的App对照仔细（一般签名重新打包时是会变的，去开放平台直接修改签名就行了）。

不要忘记获取微信支付能力，获取完在hbuildx的manifest.json文件中配置Appid

打包的时候使用自有证书：安卓平台证书签名
注意点：生成的证书信息要有md5，这和jre的版本相关，详细jre版本看官方网站给的说明

Keystore type: PKCS12
Keystore provider: SUN    Your keystore contains 1 entry    Alias name: test
Creation date: 2019-10-28
Entry type: PrivateKeyEntry
Certificate chain length: 1
Certificate[1]:
Owner: CN=Tester, OU=Test, O=Test, L=HD, ST=BJ, C=CN
Issuer: CN=Tester, OU=Test, O=Test, L=HD, ST=BJ, C=CN
Serial number: 7dd12840
Valid from: Fri Jul 26 20:52:56 CST 2019 until: Sun Jul 02 20:52:56 CST 2119
Certificate fingerprints:    MD5:  F9:F6:xxxxxxxxxxxCE:E6:0A:A5    SHA1: BB:AC:E2:2F:97:3B:18:02:E7:D6:69:A3:7A:28:EF:D2:3F:A3:68:E7    SHA256: 24:11:7D:E7:36:12:BC:FE:AF:2A:6A:24:BD:04:4F:2E:33:E5:2D:41:96:5F:50:4D:74:17:7F:4F:E2:55:EB:26
Signature algorithm name: SHA256withRSA
Subject Public Key Algorithm: 2048-bit RSA key
Version: 3

下面贴码介绍：

pay() {let payType = this.payType; // 1支付宝 ， 2微信if (!payType) {return this.$toast.warn('请选择支付方式！');}if (payType == 2) this.wxPay('wxpay')
},
wxPay(id) {var _this=thisvar channel=nullplus.payment.getChannels((channels) => {for(var i in channels){if(channels[i].id=='wxpay'){channel=channels[i]}else{///}}if(this.dataPay=='' && channel==null){return false}else{plus.payment.request(channel,JSON.stringify(_this.dataPay),(result) => {plus.nativeUI.alert("支付成功！", function (e) {// 支付成功回调back();});},(error) => {plus.nativeUI.alert("支付失败!");// 支付失败回调});}}, function(e) {plus.nativeUI.alert("获取支付通道失败");});
}

特别简单，首先通过plus.payment.getChannels获取支付通道，然后通过plus.payment.request调起微信支付

注意点：
1、plus.payment.getChannels获取支付通道并赋值的时候不要直接以数组的形式赋值比如channel=channels[1],一定要通过id名判断然后赋值(被坑过，之前是没判断直接赋值的，然后支付宝通道没有选，只选了一个微信的通道然后索引肯定不对，切记！！！）
2、测试微信支付功能需打完包安装到自己手机中进行测试，不要使用真机测试，自己打的包不要忘记去微信开放平台绑定，确定包名以及签名正确就能实现微信支付。

Hbuildx 使用vue打包的App实现微信支付功能相关推荐

Hbuildx 使用vue打包的App实现微信分享功能
前言: 本文章使用的是vue+h5+plus技术,结合hbuildx打包的App,实现在App中分享页面到朋友圈以及好友. 下面贴码介绍: <nut-popup v-model="is ...
微信境外支付php_PHP实现 APP端微信支付功能
前面已经写了手机APP支付宝支付,今天再把手机APP微信支付补上,前期的准备工作在这里就不多说了,可以参考微信支付开发文档,一定要仔细阅读开发文档,可以让你少踩点坑:准备工作完成后就是配置参数,调用统 ...
vue支付项目-APP微信支付功能
APP安卓.ios微信支付功能目录 APP安卓.ios微信支付功能功能介绍会员支付功能页面
MongoDB Ubuntu安装 APP 支付宝微信支付
mongo安装: 1.apt-key adv --keyserver hkp://keyserver.ubuntu.com:80 --recv 7F0CEB10 2.echo "deb ht ...
uni-app app平台微信支付
一.App平台支付流程流程:支付平台功能申请 -> manifest.json 里配置支付参数 -> uni-app 里调用 API 进行支付二.微信App支付功能申请到微信开放平 ...
极客日报：阿里旗下App接入微信支付；马斯克成世界首富；PostgreSQL 14 RC 1发布
一分钟速览新闻点! 阿里回应App接入微信支付抖音起诉知乎名誉侵权小米上诉"小米穿戴"图形商标被驳回拼多多.美团已支持众多主流支付渠道清华AI学生华智冰首次露正脸唱歌快手 ...
微信小程序、app集成微信支付
一.微信小程序支付开发文档:https://pay.weixin.qq.com/wiki/doc/api/wxa/wxa_api.php?chapter=7_11&index=2 申请小程序 ...
互联网快讯：阿里多个App接入微信支付；猿辅导布局素质教育；快手推“聚宝盆”
国内要闻 1.阿里巴巴回应旗下多个App接入微信支付:消息属实,会继续与其他平台一起面向未来,相向而行 2.快手宣布架构调整:从职能型转向事业部制,形成电商.商业化.国际化.游戏四大事业部 3.吉利李 ...
php android 微信支付,Android_Android实现微信支付功能，开发Android APP微信支付功能， - phpStudy...
Android实现微信支付功能开发Android APP微信支付功能,需要完成三个步骤:第一步生成预支付订单.第二步生成微信支付参数.第三步调起微信APP支付.除了需要审核通过的APP应用外,还需要 ...

Hbuildx 使用vue打包的App实现微信支付功能

Hbuildx 使用vue打包的App实现微信支付功能相关推荐

最新文章

热门文章