首页 > 前端开发 > 正文

前端开发微信web支付 uniapp支付之微信支付

2023-09-27 05:35:22 | 我爱编程网

今天我爱编程网小编整理了前端开发微信web支付 uniapp支付之微信支付相关内容,希望能帮助到大家,一起来看下吧。

前端开发微信web支付 uniapp支付之微信支付

H5在微信公众号里调用微信支付总结(前端)

1、请检查预支付会话标识prepay_id是否已失效,如果已经操作的订单,可能在微信有记录,最好换一条数据测试。
2、请求的appid与下单接口的appid是否一致,appid 是H5所在公众号的appId,此处需要注意,后端调用微信返回的是appid,前台需要配置的参数是appId,注意大小写。
3、以下几点都注意核对以下,金额是“分”等等.

原因就是:授权目录配置的不对,请仔细核对,配置好后,一般5分钟内生效。

前端开发微信web支付 uniapp支付之微信支付

uniapp支付之微信支付

本文内容是指的uni-app项目的支付,文档中5+ APP的项目类型不涉及。
虽然uni-app已经为我们封装好了一个统一的API,所以在uni-app中我们只需要调用uni.requestPayment即可。但是uni-app官方文档的散乱看起来也挺头疼的。这里我精简整个流程,并对自己开发时碰到问题做个总结。
需要注意的是,支付模块的开发不仅仅是需要客户端的开发,还需要服务端的开发。这里是在保证服务端的配置正确的前提下,对于前端uni-app的开发与配置指南。

这里有必要说明一下,申请微信支付流程对于初次申请者会感觉有些混乱,如果不理清相应关系可能会在各种平台找来找去。

对于APP,要在微信开放平台( )注册申请账号。注这里公司使用需300元认证费。在应用详情中申请开通微信支付功能。

当审核都通过了,就可以获取到应用ID(APPID,即类似于个人ID一样,唯一标识)
有了以上基础,申请微信商户平台( ),注册申请账号。之后只需关联AppID,即可。

无需配置,只需保证微信小程序配置即可。

在manifest.json文件“App模块配置”项的“Payment(支付)”下,勾选“微信支付”项

调用 [uni.requestPayment(OBJECT)]发起支付,OBJECT参数中provider属性值固定为 wxpay 、

这里 的timeStamp, nonceStr, package, signType, paySign是由后端与微信交互生成的,值得注意的是package,微信直传过来的值是packageValue。

这里是orderInfo,该属性值为订单对象。依然值得注意的是package,微信直传过来的值是packageValue。
partnerid,微信传过来的是partnerId。
prepayid,微信传过来是prepayId。
noncestr,微信传过来的是nonceStr。
timestamp,微信传过来的是timeStamp。
这里一定一定要注意大小写,不然订单请求失败,让你找问题,找到痛不欲生。

至此,微信小程序已经可以正常支付了。而APP则需要打包才可以。uni-app有两种打包方式,一个是提交云端打包,一个是本地离线打包。这里说下离线打包的相关配置和问题。

关于离线打包我会单独出一篇,这里不在讲解。只进行微信支付相关配置讲解。
在uni-app官方提供的App离线SDK中有一个打包工程,如果想使用微信支付,就需要添加相应的依赖库以及资源,这点我就很怀念cocopods,方便太多了。

注意:SDK 中的

1.在URL Types 中添加配置: identifier 填写 weixin ,URL Schemes 填写 wx[后面是您在微信平台申请的appkey] ,如果没有该项按照图中的格式创建。注意 wx 这两个字母必须添加。

前端开发微信web支付 uniapp支付之微信支付

用Java怎么实现微信支付?

技术栈

Springboot

java

XML(微信在http协议中数据传输方案)

MD5签名

微信支付术语

openid(OpenID是公众号一对一对应用户身份的标识)

app_id(公众号id,登录微信公众号_开发_基本配置中获得;)

key(收款商户后台进行配置,登录微信商户平台_账户中心_API安全-设置秘钥,设置32位key值;) 我爱编程网

mch_id(收款商家商户号;)

certPath(API证书,登录微信商户平台_账户中心-API安全-下载证书)

后端流程

服务端需要的核心操作,总共分为以下几步:

统一下单

前端调起微信支付必要参数(需加密)

订单结果主动通知(回调接口)

查询订单结果

结束订单支付接口(关闭订单,支付订单关闭)

代码

微信总共支持多种语言的sdk,在官网可以下载例子,java程序也可以引入微信支付的sdk包,但是github上的sdk已经很久没有更新了,最好的选择,也是我的选择,在官网上下载sdk项目,将其中所有java类copy到自己的项目中.

官网sdk下载目录链接:商户平台首页

微信sdk下载

根据微信sdk生成配置类WXPayConfig

创建IWxPayConfig.class,继承sdkWXPayConfig.class,实现sdk中部分抽象方法,读取本地证书,加载到配置类中.packagecore.com.chidori.wxpay;

发起统一下单AND前端调起微信支付必要参数回调结果处理

核心是支付订单回调时,需校验加密签名是否匹配,防止出现模拟成功通知

注意点

统一下单的签名和后续前端拉取微信支付的签名需要统一,也就是都采用MD5加密,如果2者不同,会导致前端拉取微信支付fail,这是一个巨大的坑,因为这个原因调试了好久,微信在文档里没有明确标出统一下单的签名校验方式需要和前端拉取微信支付的签名校验保持一致.微信sdk里的源码需要针对这个问题调整一下,调整如下:WXPay类需要修改下加密判断,在WXPay构造方法中,调整如下

结束语

做完以后,微信支付的后端逻辑还是很清晰的,但是在开发过程中很煎熬,不清楚每个专业术语在微信哪里配置,加密方式乱的很

以上就是前端开发微信web支付 uniapp支付之微信支付全部内容,更多相关信息,敬请关注我爱编程网。
与“前端开发微信web支付 uniapp支付之微信支付”相关推荐
ci框架php微信支付 PHP对接第三方支付渠道之微信支付v3版本
ci框架php微信支付 PHP对接第三方支付渠道之微信支付v3版本

PHP对接第三方支付渠道之微信支付v3版本文接上篇PHP如何更科学地接入第三方渠道,既然已经写到这了,索性创建了一个gitee仓库,地址:,有需要的可以去看看。言归正传,微信支付v3版本刚推出不久,鉴于微信官方一贯语焉不详的尿性,论坛上自然仍旧一片哀嚎,鄙人一路踩坑下来,倒也还算顺利,把过程分享给大家参考~在微信商户平台中找到API安全,这一步按照官方提示操作即可,比较简单不再

2023-09-29 12:06:30
微信扫码支付php框架 PHP对接第三方支付渠道之微信支付v3版本
微信扫码支付php框架 PHP对接第三方支付渠道之微信支付v3版本

php开发微信扫码支付》模式二,怎么设置支付二维码的失效时间?如京东的45秒后过期,二维码就不能扫了查了好久这个问题。只有你提及了这个问题。不过我已经找到答案了,特与你分享下。微信扫码支付二维码过期时间最长就是2个小时。京东的做法是在45s倒计时之后找一个二维码替换了(该二维码就只提示“二维码已过期”就可以的了)PHP对接第三方支付渠道之微信支付v3版本文接上篇PHP如何更科学地接入

2023-10-04 20:42:28
带微信支付的php框架 微信支付lavel是什么?
带微信支付的php框架 微信支付lavel是什么?

微信支付lavel是什么?Laravel微信开发组件-WeChat微信支付一、介绍本教程是LAMP开发环境下基于larvel5.1LTS版进行的开发实例。由于现在国内有很多优秀且具备开源精神的php开发者,因此出于节约时间成本和维护成本的考虑,微信开发采用组件化开发,我们没必要重复造轮子。本教程采用overtrue团队的easywechat组件进行微信的支付功能开发和实现。

2023-10-04 21:56:24
微信支付php框架 如何用PHP实现微信支付,求教。新手!说明详细点
微信支付php框架 如何用PHP实现微信支付,求教。新手!说明详细点

Thinkphp5.1微信小程序支付研究了好几天,坑也遇到了,也百度了很久现在终于做完了,给大家分享出来,我这个也是参考别人写的。有不明白的朋友可以问我publicfunctionunifiedorder($order_no,$openid,$total_fee,$attach,$order_id,$user_id){//当前时间$time=time();//生

2023-08-29 16:40:12
web前端开发微信支付 通过手机点了这个链接之后可以跳转到微信支付,这个源码怎么写
web前端开发微信支付 通过手机点了这个链接之后可以跳转到微信支付,这个源码怎么写

App微信支付iOS微信支付小程序支付微信公众号支付最近接到一个项目,需要做App微信支付iOS微信支付小程序支付微信公众号支付在这个过程中走了很多弯路。因此记录一下App微信支付iOS微信支付小程序支付在app支付中查看uni-app官网 可以实现 app微信支付  App微信支付iOS微信支付小程序支付注:iOS微信支付需要调起上面链接里面的App支付 可以实现 iOS

2023-09-23 00:55:30
php微信支付框架 你好 !! PHP如何实现微信支付 求指教 新手!说清楚一点
php微信支付框架 你好 !! PHP如何实现微信支付 求指教 新手!说清楚一点

使用easywechat完成微信支付由于工作需要,项目中要实现微信支付功能。项目开发语言为PHP,框架为Laravel5.41,首先安装easywechat组件composerrequire“overtrue/laravel-wechat:~3.0”2,创建控制器WechatControllerPHP对接第三方支付渠道之微信支付v3版本文接上篇PHP如何更科学地接入

2023-09-21 15:07:52
php框架支付类 如何用PHP实现微信支付,求教。新手!说明详细点
php框架支付类 如何用PHP实现微信支付,求教。新手!说明详细点

php怎么做支付系统?各支付系统会有各自的支付接口。简单的说,就是他会找你要每比交易的相关数据,通过这些数据生成支付操作的链接,用户通过这个链接完成支付后,支付宝再反馈一个支付状态结果到你指定的URL,你接受到这个反馈后,再做对应的处理(比如设置订单状态为已支付)所以你要做的就是获取你自己的数据,并生成支付链接,同时做好接受反馈信息的文件。而这些都已经被响应的支付公司做好了各

2023-09-06 07:13:39
php框架支付后台 如何用PHP实现微信支付,求教。新手!说明详细点
php框架支付后台 如何用PHP实现微信支付,求教。新手!说明详细点

如何利用PHP语言开发平台第三方支付接口第一步:签订合约通过第三方拿到接口(可以邮件形式发送、也可以在第三方系统下载),拿到接口后,要确认下接口类型,是否是自己需要的接口,比如B2C接口、B2B接口等类型。第二步:支付接口分很多语言版本,比如ASP、JSP、PHP、.NET语言版本,所以要选择与自己网站语言匹配的接口进行安装。商城网站的技术一般比较清楚商城的开发语言。第三步:拿到的支

2023-09-08 08:56:31