uniapp微信支付方案

使用uniapp对接微信支付,目前发现有两种方式:

  • 微信支付原生方式;
  • uniapp的unipay方式(unicloud)。

本次由于暂不熟悉unicloud方式,后面仔细研究unicloud方式。

注意事项:同时目前的微信支付分为V2和V3版本,注意版本选择

开发链接指引
1、普通商户开发流程文档
2、开发指引附带代码文档

后端创建订单

1、使用开发指引2进行后端下单,生成参数前端使用;
2、签名生成算法见:
签名生成算法

前端调用

1、接着使用wx.requestPayment()函数,调用微信支付,借鉴了:CSDN小程序签名MD5方案,发现验证签名失败;

解答: 该方案使用了V2的MD5法,不适配V3支付,故失败

2、使用V3版本支付。

发现问题:

1、签名失败后,通过该链接查询失败原因:

https://developers.weixin.qq.com/community/develop/doc/0002c27bdb44686249b8e49da5b800;

2、失败原因查询链接中的是针对V2版本进行讲述的,仅供参考;

3、签名中最容易出现问题,请准确核对开发链接指引2进行操作;

4、弹框时的点击按钮,在出现瞬间点击,出现无法点击的情况?
解决方式:使用原生uniapp的button,改变样式即可

参考链接:
https://www.bilibili.com/video/BV1og411F7Uz?p=1

  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Uniapp 是一个跨平台的开发框架,可以在不同的平台上实现一次编码,多端部署,非常适合开发微信小程序。以下是 Uniapp 微信小程序面试题的答案: 1. Uniapp 是什么? Uniapp 是一个跨平台的开发框架,可以基于 Vue.js 做开发,实现一次编码多端部署,包括微信小程序、H5、APP(安卓和 IOS)、快应用等。 2. 与传统微信小程序开发的区别是什么? 与传统微信小程序开发相比,Uniapp 开发更加高效,可以大大减少开发时间,同时也可以让开发者更加便捷地实现一次编码多端部署。 3. Uniapp 微信小程序如何实现多端适配? Uniapp 可以使用自动适配方案,在不同机型上自动调整组件大小和布局。如果需要自定义适配方案,可以根据不同平台的 CSS 尺寸单位和样式特性定义不同的样式来实现多端适配。 4. 如何添加微信小程序原生组件? 可以在 Uniapp 项目中使用相应的组件,然后在微信小程序中进行适配。如果需要使用微信小程序原生组件,可以使用插件的形式将原生组件导入 Uniapp 项目中使用。 5. 如何进行微信小程序支付? 可以使用 uni.request 接口向自己服务端请求支付的相关参数,然后调用 uni.requestPayment 接口发起支付请求,支付成功后进行相应的处理。在开发过程中需要注意安全性和用户体验,避免出现支付问题。 总之,Uniapp 微信小程序的开发让开发者更加容易实现一次编码多端部署,提高开发效率,也让用户体验更加顺畅。在开发过程中需要根据不同的需求和平台特性进行适配,保证产品的质量和用户体验。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值