jsapi调起支付，仅适用于微信浏览器

站长苏飞

[C#] 纯文本查看 复制代码

function onBridgeReady(){
   WeixinJSBridge.invoke(
      'getBrandWCPayRequest', {
         "appId":"wx2421b1c4370ec43b",     //公众号名称，由商户传入     
         "timeStamp":"1395712654",         //时间戳，自1970年以来的秒数     
         "nonceStr":"e61463f8efa94090b1f366cccfbbb444", //随机串     
         "package":"prepay_id=u802345jgfjsdfgsdg888",     
         "signType":"MD5",         //微信签名方式：     
         "paySign":"70EA570631E4BB79628FBCA90534C63FF7FADD89" //微信签名 
      },
      function(res){
      if(res.err_msg == "get_brand_wcpay_request:ok" ){
      // 使用以上方式判断前端返回,微信团队郑重提示：
            //res.err_msg将在用户支付成功后返回ok，但并不保证它绝对可靠。
      } 
   }); 
}
if (typeof WeixinJSBridge == "undefined"){
   if( document.addEventListener ){
       document.addEventListener('WeixinJSBridgeReady', onBridgeReady, false);
   }else if (document.attachEvent){
       document.attachEvent('WeixinJSBridgeReady', onBridgeReady); 
       document.attachEvent('onWeixinJSBridgeReady', onBridgeReady);
   }
}else{
   onBridgeReady();
}

在微信浏览器里面打开H5网页中执行JS调起支付。接口输入输出数据格式为JSON。

注意：WeixinJSBridge内置对象在其他浏览器中无效。

getBrandWCPayRequest参数以及返回值定义：

1、网页端接口请求参数列表（参数需要重新进行签名计算，参与签名的参数为：appId、timeStamp、nonceStr、package、signType，参数区分大小写。）

名称	变量名	必填	类型	示例值	描述
公众号id	appId	是	String(16)	wx8888888888888888	商户注册具有支付权限的公众号成功后即可获得
时间戳	timeStamp	是	String(32)	1414561699	当前的时间，其他详见时间戳规则
随机字符串	nonceStr	是	String(32)	5K8264ILTKCH16CQ2502SI8ZNMTM67VS	随机字符串，不长于32位。推荐随机数生成算法
订单详情扩展字符串	package	是	String(128)	prepay_id=123456789	统一下单接口返回的prepay_id参数值，提交格式如：prepay_id=***
签名方式	signType	是	String(32)	MD5	签名类型，默认为MD5，支持HMAC-SHA256和MD5。注意此处需与统一下单的签名类型一致
签名	paySign	是	String(64)	C380BEC2BFD727A4B6845133519F3AD6	签名，详见签名生成算法

2、返回结果值说明

返回值	描述
get_brand_wcpay_request:ok	支付成功
get_brand_wcpay_request:cancel	支付过程中用户取消
get_brand_wcpay_request:fail	支付失败
调用支付JSAPI缺少参数：total_fee	1、请检查预支付会话标识prepay_id是否已失效 2、请求的appid与下单接口的appid是否一致

注：JS API的返回结果get_brand_wcpay_request:ok仅在用户成功完成支付时返回。由于前端交互复杂，get_brand_wcpay_request:cancel或者get_brand_wcpay_request:fail可以统一处理为用户遇到错误或者主动放弃，不必细化区分。

示例代码如下：

惜

强烈支持楼主ing……

912288184

强烈支持楼主ing……  

要能其它浏览器也支持就更完美了！

liu

我只是路过打酱油的。

Amy

强烈支持楼主ing……

站长苏飞

912288184 发表于 2019-1-7 15:49
强烈支持楼主ing……  

要能其它浏览器也支持就更完美了！

这个基本上不是努力就能办到的，主要是微信自身限制，最好是走正规路线，微信本身就有H5支付的接口

竹林风

真是难得给力的帖子啊。

912288184

站长苏飞 发表于 2019-1-7 17:28
这个基本上不是努力就能办到的，主要是微信自身限制，最好是走正规路线，微信本身就有H5支付的接口

我是在想 是不是可以通过模拟UA来突破这个限制呢？或者在js里面模拟成微信浏览器的头文件之类的技术  

站长苏飞

912288184 发表于 2019-1-7 18:13
我是在想 是不是可以通过模拟UA来突破这个限制呢？或者在js里面模拟成微信浏览器的头文件之类的技术  :lo ...

理论上是没有问题的，实际是需要耗费不少成本，基本不会有人公开。

惜

强烈支持楼主ing……