云快卖,提供专业好用的外卖系统、跑腿系统和同城信息系统,公众号+小程序+APP多端适用。
Ping++集成支付功能的基础之上实现微信支付
2023-10-15 21:00:42 云快卖

虽然在一个网站或则App服务中接入支付并不是哪些难事,只要你不惧怕去做,认真去了解整个支付的交互流程,实现上去真的是最多半个小时的事情。本文是在使用Ping++集成支付功能的基础之上,实现微信支付,大约只须要五分钟。

今天收到微信通知,今天申请的微信支付的接入申请早已通过,顾晚上的时侯就顺便把微信支付给接入了。因为之前我就使用Ping++接入了支付宝的即时到账服务,所以在这个基础上降低一个微信支付的接入,想想就是分分钟的事情。

配置Ping++后台

待你申请的微信支付通过以后,你会领到四个特别关键的信息。

配置正确以后,须要简单地更改前端发起支付的代码,由于支付宝和微信支付在Ping++的系统中是有细微的差异的,具体是extra这个参数的区别:使用支付宝即时到账的时侯,在extra部份须要传入作为同步跳转须要,而微信支付则须要在extra数组传入对于的,这部份的代码可以这样:

微信接单员是干什么的_微信接单_微信接单图片

switch ( $channel ) {    case 'alipay_pc_direct' :      
 $extra['success_url'] = url('/payment/done');       
  break;    case 'wx_pub_qr':       
   $extra['product_id'] = $this->wechatOrder();    
       break;    default:      
         //more extra comes here}

这部份我觉得是一分钟就可以搞定!

更改后端代码

到这儿微信接单,虽然只留了两分钟给后端了,不过这个足矣。由于我之前使用Vuejs构建了支付的组件,所以在降低微信然后的时侯就是加一些条件判定就OK,不过须要非常注意一点就是,微信支付是只支持扫码的,并没有哪些跳转链接的概念,所以我们须要一个处理二维码的库,这儿就可以直接使用我之前推荐的vue-的了。

微信接单_微信接单图片_微信接单员是干什么的

then((response) => {
    if(this.channel === 'wx_pub_qr') {
      this.status = 'paying';
      this.qrcodeUrl = 
           response.data.credential.wx_pub_qr;
      this.timeId = setInterval(() => {
          if (this.status == 'success') {
              clearInterval(this.timeId);
          }
          this.checkPaymentDone(response.data.id);
       }, 5000)
    }
 }
 
checkPaymentDone(chargeId) {
    axios.post('/payment/check', {
        chargeId: chargeId
    }).catch(error => {
        this.status = 'exception';
    }).then(response => {
        if (response.data.finished) {
            this.status = 'success';
        }
    })
},

这样在展示二维码的时侯就可以这样:

请使用微信扫码支付

这样用户就可以在选择微信支付的时侯,正确听到微信收款的二维码了!两分钟!

以上内容就是关于5分钟实现微信支付接入教程方式微信接单,希望能帮助到你们。

免责声明:部分文章信息来源于网络以及网友投稿,本站只负责对文章进行整理、排版、编辑,出于传递更多信息之目的,并不意味着赞同其观点或证实其内容的真实性,如本站文章和转稿涉及版权等问题,请作者在及时联系本站,我们会尽快为您处理。

云快卖

留言咨询

×