【HarmonyOS】鸿蒙应用接入微信付出

【HarmonyOS】鸿蒙应用接入微信付出

前言

1.接入微信付出，除了鸿蒙应用接入的工作量，还有服务器开辟工作量。这里需要留意，如果你的应用，android ios版本没有接入过微信付出，那鸿蒙微信付出的工作量就不只是鸿蒙应用接入了。
2.微信付出接入，最麻烦的是需要在微信开放平台注册应用稽核。如果你的应用在Android和 IOS都没有稽核过，这里时间会比力长。微信开放平台地址
一、下载鸿蒙版微信开放SDK和示例DEMO

1.WeChat_Open_SDK:

点击跳转@tencent/wechat_open_sdk(V1.0.3)
2.官方示例DEMO下载

点击下载OpenSDK-1.0.0.zip
二、运行示例项目

微信的示例项目进行配置同步后，设置自动签名就可以直接运行成功，效果如下：

可以看到微信付出相关在，付出按钮，跳转到的页面中 Pay.ets

点击跳转付出，就会拉起微信，进入付出页。

但是付出参数如果不对，就会提示：

!查抄pay.ets类，配置的付出参数。并且需要在Constants.ets中进行配置：

微信开放平台需要注册你的鸿蒙应用，配置包名等信息。微信最麻烦的就是这个，没有提供一个测试id进行效果查察，只能先去注册你的应用。点击鸿蒙应用手册
三、copy付出相关代码进行接入

1.安装SDK依赖：
sdk版本以三方库的最新版本为准：

1. "dependencies": {
2.     "@tencent/wechat_open_sdk": "1.0.3"
3.   }

复制代码

2.参考Pay.ets中的代码，copy【付出】相关代码：

1. import { OnWXResp, WXApi, WXEventHandler } from '../model/WXApiWrap';
2. import * as wxopensdk from '@tencent/wechat_open_sdk';
3. import { common } from '@kit.AbilityKit';
5. export const kRoute = "Pay"
7. @Entry({ routeName: kRoute })
8. @Component
9. struct Pay {
10.   private wxApi = WXApi
11.   private wxEventHandler = WXEventHandler
13.   @State payResultText: string = ''
14.   // 回调处理
15.   private onWXResp: OnWXResp = (resp) => {
16.     this.payResultText = JSON.stringify(resp ?? {}, null, 2)
17.   }
19.   aboutToAppear(): void {
20.           // 注册的支付回调
21.     this.wxEventHandler.registerOnWXRespCallback(this.onWXResp)
22.   }
24.   aboutToDisappear(): void {
25.     this.wxEventHandler.unregisterOnWXRespCallback(this.onWXResp)
26.   }
28.   build() {
29.     Column({ space: 20 }) {
30.       Text("跳转支付").fontSize(20).fontWeight("bold").width('100%').padding(16)
31.       Button("跳转支付").onClick(async () => {
33.                 // 组装支付订单参数，发送包裹给微信api，唤起微信。
34.         let req = new wxopensdk.PayReq
35.         req.partnerId = '2480306091'
36.         req.appId = 'wx05b3e2e9fc730840'
37.         req.packageValue = 'Sign=WXPay'
38.         req.prepayId = 'wx26161523845794ecced251acf2b6860000'
39.         req.nonceStr = 'vmall_240926161523_993_2774'
40.         req.timeStamp = '1727338524'
41.         req.sign = 'rAqsrx5yLfRNBGvlHYuLhUsNK0OPeOLQ5xlvhxFo9guPU4HeNtzRdPaGAXAzXvn7V5chVe8sj3BfvDgwXlCKctCcFIllOgheyZbZ7btFC++9bW0QTijhWo1hZ6LhvjcKQ1zf53RGX7zf7GBu9sheqWPKlWqJJzynBZo8UH5Wow9t/WK5fanNj6ST2U2zPQGxuCH+DBMOKJAhhaalrOXlqj+feEiz1bLAzEmhLzIREgcWJQyZmdI5VO0B8r11ND+o1iBYgoohDUuJc+bd9r6RvmZBSE+HqggWE4p3D0/NzY7mQH+51u0osfOfaTHVLqlUM3IMoXi1vH4a0Qrg1P6c0g=='
42.         req.extData = 'extData'
44.                 // 发送操作是否成功
45.         let finished = await this.wxApi.sendReq(getContext(this) as common.UIAbilityContext, req)
46.         console.log("send request finished: ", finished)
47.       }).width('80%')
49.       Text(this.payResultText)
50.         .width('80%')
51.         .fontSize(17)
52.         .lineHeight(20)
53.     }
54.   }
55. }

复制代码

微信付出业务流程图

付出回调信息code：

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。