支付宝微信一码付实现方式

简介

一码付指的是一个二维码可以使用支付宝或者微信进行扫码支付。

优势

用户使用支付宝微信直接扫一个码付钱，不用担心拿支付宝扫了微信的收款码或者用微信扫了支付宝的收款码，这极大减少了用户扫码支付的时间。

原理

用户通过手机APP(支付宝、微信)扫描二维码，客户端解析出这个URL，然后在客户端内请求这个URL，往往这个时候header中会带着客户端的信息。

var ua = navigator.userAgent.toLowerCase();
if (ua.match(/MicroMessenger/i) == 'micromessenger' ){
    //微信支付
}else if(ua.match(/AlipayClient/i) == 'alipayclient'){
    //支付宝支付
}else{
    window.location.href="https://pay.cloudbed.vip";
}

前端逻辑判断完成后，微信、支付宝发送请求到服务端，服务端根据这个信息、区分出是微信还是支付宝。

• 如果是微信，使用微信JSAPI支付

• 如果是支付宝，使用支付宝wap支付

流程图

演示

地址：pay.cloudbed.vip/login.html
账号：pay 密码：123456

有兴趣的小伙伴可以去测试一下，支付一分钱，满满的都是爱。