VPS参考测评推荐
专注分享VPS主机优惠信息
衡天云优惠活动
华纳云优惠活动
荫云优惠活动

5分钟实现微信支付接入教程

主机参考: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分钟微信支付接入教程的详细内容。请多关注主机参考其他相关文章!

这几篇文章你可能也喜欢:

本文由主机参考刊发,转载请注明:5分钟实现微信支付接入教程 https://zhujicankao.com/81237.html

【腾讯云】领8888元采购礼包,抢爆款云服务器 每月 9元起,个人开发者加享折上折!
打赏
转载请注明原文链接:主机参考 » 5分钟实现微信支付接入教程
主机参考仅做资料收集,不对商家任何信息及交易做信用担保,购买前请注意风险,有交易纠纷请自行解决!请查阅:特别声明

评论 抢沙发

评论前必须登录!