微信支付

Posted 2020-07-24 cn_chenhao

扫码支付（Native支付）适合场景：可以事先生成二维码（weixin://wxpay/bizpayurl?），不能有中间页面跳转。需要指定支付回调URL。

公众号支付适合场景：有商品展示页面，或者需要先经过自己的页面做下跳转，需要先指定下支付授权目录、测试授权目录。例子：友宝自动售卖机。

 

-----判断是不是微信的浏览器-----

https://pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=7_9

以iPhone 版本为例，可以通过useragent可获取如下微信版本示例信息："Mozilla/5.0(iphone;CPU iphone OS 5_1_1 like Mac OS X)AppleWebKit/534.46(Khtml,like Geocko) Mobile/9B206MicroMessenger/5.0"其中5.0 为用户安装的微信版本号

view-source:https://open.weixin.qq.com/connect/oauth2/authorize?appid=wxceb7190304ff89b0&redirect_uri=http%3a%2f%2forderapi.newcomevr.com%2fexample%2fproductPage.aspx&response_type=code&scope=snsapi_base&state=STATE&connect_redirect=1#wechat_redirect

<script type="text/javascript">
var ua = navigator.userAgent.toLowerCase();
var isWeixin = ua.indexOf(‘micromessenger‘) != -1;
var isandroid = ua.indexOf(‘android‘) != -1;
var isios = (ua.indexOf(‘iphone‘) != -1) || (ua.indexOf(‘ipad‘) != -1);
if (!isWeixin) {
document.head.innerHTML = ‘<title>抱歉，出错了</title><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0"><link rel="stylesheet" type="text/css" href="https://res.wx.qq.com/connect/zh_CN/htmledition/style/wap_err1a9853.css">‘;
document.body.innerHTML = ‘<div class="page_msg"><div class="inner"><span class="msg_icon_wrp"><i class="icon80_smile"></i></span><div class="msg_content"><h4>请在微信客户端打开链接</h4></div></div></div>‘;
}
</script>