主机参考:VPS测评参考推荐/专注分享VPS服务器优惠信息!若您是商家可以在本站进行投稿,查看详情!此外我们还提供软文收录、PayPal代付、广告赞助等服务,查看详情! |
我们发布的部分优惠活动文章可能存在时效性,购买时建议在本站搜索商家名称可查看相关文章充分了解该商家!若非中文页面可使用Edge浏览器同步翻译!PayPal代付/收录合作 |
其实在一个网站或者App服务中接入支付并不难。只要不怕做,仔细了解整个支付的交互过程,真的需要半个小时才能实现。基于Ping G++的集成支付功能,本文实现了微信支付,只需要五分钟左右。
今天早上收到微信的通知,昨天申请的微信支付的接入申请已经通过。顾上午支付微信接入。由于之前用Ping g++接入了支付宝的即时支付服务,所以在此基础上再增加一个微信支付接入也是分分钟的事情。
配置Ping++背景
你的微信支付申请通过后,你会得到四条关键信息。
配置正确后,需要简单修改后端支付发起的代码,因为支付宝和微信支付在Ping G++的系统上略有不同。具体来说,extra参数的区别是:使用支付宝即时到账时,需要在extra部分传入success_url进行同步跳转,而微信支付需要在extra字段传入product_id。这部分代码可以是这样的:
开关(通道){ case # 39支付宝_ pc _ direct # 39:$ extra[ # 39;成功_网址 # 39;]= URL( # 39;/付款/完成 # 39;);打破;案例 # 39;wx _ pub _ qr # 39:$ extra[ # 39;product _ id # 39]= $ this - gt;we chator der();打破;默认://更多多余的来这里}我觉得这部分一分钟就能搞定!
修改前端代码
这里其实只给前端留了两分钟,但这已经足够了。因为我之前用Vuejs重构了支付的组成部分,所以加了微信之后再加一些条件判断是可以的。但是需要注意的是,微信支付只支持扫码,没有跳转链接的概念,所以我们需要一个库来处理二维码。这里可以直接用我之前推荐的vu E-二维码。
然后((响应)= gt{ if(this . channel = = = # 39;wx _ pub _ qr # 39){ this.status = # 39支付 # 39;;this . qrcodeurl = response . data . credential . wx _ pub _ QR;this . timeid = setInterval(()= gt;{ if(this . status = = # 39;成功 # 39;){ clear interval(this . timeid);} this . checkpaymentdone(response . data . id);},5000)} } checkPaymentDone(chargeId){ axios . post( # 39;/付款/支票 # 39;,{ chargeId: chargeId })。catch(错误= gt{ this.status = # 39例外 # 39;;}).然后(response = gt{ if(response . data . finished){ this . status = # 39;成功 # 39;;} } } } } },这样在显示二维码的时候,可以这样:
ltdiv v-show = ;状态= = # 39;支付 # 39; gt ltp v-show = ;channel = = # 39wx _ pub _ qr # 39 gt lt二维码:value = qrcodeUrl v-if = ;qrcodeUrl :options = { size:170 } ; gt lt/QR code gt; lt/p gt; ltp gt请使用微信扫码支付
以上内容是关于微信支付接入教程的5分钟实现,希望对大家有所帮助。
相关建议:
用h5做微信支付流程的实现步骤。
Thinkphp集成微信支付功能详解
微信小程序开发支付功能错误总结以上是5分钟微信支付接入教程的详细内容。请多关注主机参考其他相关文章!
这几篇文章你可能也喜欢:
- 如何安装小程序支付功能(如何安装小程序支付功能设置)
- 小程序开通微信支付功能的具体步骤(小程序如何开通微信支付)
- 微信开发的微信支付(微信支付系统开发)
- 通过php实现APP微信支付的实例分析(PHP实现微信支付功能)
- 微信官方账号支付接口开发(微信官方账号支付接口)
本文由主机参考刊发,转载请注明:5分钟实现微信支付接入教程 https://zhujicankao.com/81237.html
评论前必须登录!
注册