微信JS动态支付，自定义金额支付教程（微信那些坑）

原创：
微信操你大爷，流程反锁不说，还处处是坑
首先你申请了微信支付，利用JSAPI来实现动态支付。 什么是动态支付，例如：用户自定义输入付款金额或指定的付款金额。
案例交话费金额为 50  100  200等

微信的SDK给的代码  金额这一块是写死的。PHP和JS都在一个文件中。那么我们要做的是 把PHP和JS分开

一，JS为前端调用微信支付
二，PHP来处理微信验证，如 OPENID等

这里需要二开微信的几个文件，1.jspai.php  2. WxPay.JsApiPay.php 3. WxPay.Config.php
别忘了 WxPay.Config.php  配置好你的商户信息，如果配置错误  调试起来 就会很烦麻

jspai.php 只保留 PHP的代码。。其它都删掉。

我说一下我实现的思路吧    1.前端支付页面直接获取openid -> 把openid传给jspai.php -> jspai.php把openid给WxPay.JsApiPay.php处理->jspai.php返回前端处理结果


所以，前端支付页面直接获取openid   （WxPay.JsApiPay.php 不用他这个文件获取了）
代码如下：

1. $.post("weixinjspay/jsapi.php",{a:a,b:b,c:c,d:d,k:k},function(result){
   
2.                         if(result == 'no'){
   
3.                                 alert("参数出错!");
   
4.                                 return false;
   
5.                         }else{
   
6.                                 var jsstr = $.parseJSON(result);
   
7.                                 jsApiCall(jsstr);
   
8.                         }
   
9.                 },'json');        

复制代码

jspai.php 得到POST来的 openid后  传给WxPay.JsApiPay.php  代码如下：

1. //①、获取用户openid
   
2. $tools = new JsApiPay();
   
3. $openId = $tools->GetOpenid($_POST['key']);

复制代码

1. echo json_encode($jsApiParameters);

复制代码

修改WxPay.JsApiPay.php 2处：

1. public function GetOpenid($diyid = '')
   
2.         {
   
3.                         //获取code码，以获取openid
   
4.                     $code = $diyid;
   
5.                         $openid = $this->getOpenidFromMp($code);
   
6.                         return $openid;
   
7.         }

复制代码

1. public function GetOpenidFromMp($code)
   
2.         {
   
3.                
   
4.                         return $code;
   
5.                
   
6.         }

复制代码

前端处理：

1. function jsApiCall(result)
   
2. {
   
3.         WeixinJSBridge.invoke(
   
4.                 'getBrandWCPayRequest',
   
5.                 {
   
6.              "appId": result.appId,
   
7.              "nonceStr": result.nonceStr,
   
8.              "package": result.package,
   
9.              "paySign": result.paySign,
   
10.              "signType": result.signType,
    
11.              "timeStamp": result.timeStamp
    
12.          },
    
13.                 function(res){
    
14.                         WeixinJSBridge.log(res.err_msg);
    
15.                         /*alert(res.err_code+res.err_desc+res.err_msg);*/
    
16.                         if(res.err_msg == "get_brand_wcpay_request:ok"){
    
17.                                 /*支付成功*/
    
18. 
    
19.                         }else if(res.err_msg == "get_brand_wcpay_request:cancel"){
    
20.                                 /*用户取消*/                                
    
21.                                 alert("用户取消!");
    
22.                                  
    
23.                         }else{  
    
24.                                 /*支付失败*/                                
    
25.                                 alert("支付失败!");
    
26.                                 
    
27.                         }
    
28.                 }
    
29.         );
    
30. }

复制代码