您的位置：首页 > 移动开发 > 微信开发

微信公众号JSAPI支付

2016-01-14 13:47 483 查看
一:配置参数

申请成功后,获取接口文件, 将所有文件放入项目根目录weixin下,在WxPay.ub.config.php中填入配置账户信息;

二:设置授权

开发者中心->网页服务->网页授权获取用户基本信息->修改;

“授权回调页面域名修改成你的域名地址即可,须保证网页授权已获得,不然会报redirect_uri 参数错误;

三:网页授权获取用户openid

js_api_call.php 请求文件中改动(所有传给微信的参数都在入口文件中接收)

$out_trade_no = $_GET['out_trade_no']; //商户系统内部订单号 32个字符内

$total_fee = $_GET['total_fee']*100; //订单总金额 单位为分,不能带小数点,所以须把价格乘以100,

不然获取prepay_id时会报错误(设置金额字段时最好设为小数点后2位)

$pay_status = get_pay_status($out_trade_no);//查看订单支付状态

$return_url = get_return_url($out_trade_no); //设置支付成功后跳转页面

//使用jsapi接口

$jsApi = new JsApi_pub();

//通过code获得openid

if (!isset($_GET['code'])) { //触发微信返回code码

//设置redirect_uri参数,返回code码地址,其实就是重定向到当前页面,获取用户code码参数

$url = WxPayConf_pub::JS_API_CALL_URL."?showwxpaytitle=1&out_trade_no=$out_trade_no&total_fee=$total_fee";

$url = $jsApi->createOauthUrlForCode($url);

Header("Location: $url");

}else{ //获取code码，以获取openid

$code = $_GET['code'];

$jsApi->setCode($code);

$openid = $jsApi->getOpenId(); //用户标识

}

再就是WxPayHubHelper.php文件 JsApi_pub()类下createOauthUrlForCode($redirectUrl)方法, 第二个参数

改为 $urlObj["redirect_uri"] = urlencode($redirectUrl); //对$url变量进行url编码 不然header重定向时无法获取订单号和金额

四:设置统一支付接口参数，获取prepay_id (预支付ID 微信生成的预支付 ID,用于后续接口调用中使用)

微信支付->开发配置->支付测试->测试授权目录和测试白名单添加

(支付授权目录需要精确到最细一级的目录，且在使用时，目录名称后直接加文件名,如ccc.com/weixin/)

确保你 WxPayPubHelper.php文件里 UnifiedOrder_pub 这个类的getPrepayId这个方法能正常使用

这一步的调试在 getPrepayId（）内 var_dump($this->result); 就能看到错误代码;

posXml这个方法后调用了createXml这个方法

function postXml() {

$xml = $this->createXml();

//**在此处查看xml文件是否正常生成

include_once("log_.php");

$log = new Log_();

$log->log_result("log.txt",$xml);

//** 由于打印一些xml格式的文件只显示字符长度，不显示内容。于是用log的形式写在服务器上调试

$this->response = $this->postXmlCurl($xml,$this->url,$this->curl_timeout);

return $this->response;

}

保证xml这个变量格式如下;

<xml><openid><![CDATA[UKqsyD_711nkk2c]]></openid>

<body><![CDATA[pay]]</body>

<out_trade_no>201504101658571802></out_trade_no>

<total_fee>120</total_fee>

<notify_url><![CDATA[http://www.hao123.com/weixin/notify_url.php]]></notify_url>

<trade_type><![CDATA[JSAPI]]></trade_type>

<appid><![CDATA[wxfd3c4asdf]]></appid>

<mch_id>123334333102</mch_id>

<spbill_create_ip><![CDATA[192.168.0.1]]></spbill_create_ip>

<nonce_str><![CDATA[imsdasdcmlkhfa]]></nonce_str>

<sign><![CDATA[CBE62F36806A3E1]]></sign></xml>

参数正确,postXmlCurl才能正确提交，提交后就能得到正确的prepay_id,就能弹出支付框了

五:使用jsapi调起支付

根据prepay_id生成jsapi支付参数

$jsApi->setPrepayId($prepay_id);

$jsApiParameters = $jsApi->getParameters();

//调用微信JS api 支付

function jsApiCall() {

WeixinJSBridge.invoke(

'getBrandWCPayRequest',

<?php echo $jsApiParameters; ?>,

function(res){

WeixinJSBridge.log(res.err_msg);

if(res.err_msg == "get_brand_wcpay_request:ok") { //支付成功后

window.location.href="<?php echo $return_url;?>" //跳转地址及订单操作,在异步页面也须处理订单,防止同步时失败

}else{

alert("支付失败"+res.err_code+res.err_desc+res.err_msg);

}

}

);

}(每次请求callpay方法时须判断订单状态,防止重复提交)

六:通用通知接口 异步处理微信返回结果

支付完成后,notify.php中获取微信的回调

$xml = $GLOBALS['HTTP_RAW_POST_DATA'];

//须验证签名，并回应微信。

if($notify->checkSign() == TRUE) //签名验证通过并更新订单状态后

$notify->setReturnParameter("return_code","SUCCESS"); //设置返回码，保证支付状态改变后才返回成功

//对后台通知交互时，如果微信收到商户的应答不是成功或超时，微信认为通知失败，

//微信会通过一定的策略（如30分钟共8次）定期重新发起通知，

$returnXml = $notify->returnXml();

echo $returnXml;(将xml数据返回微信 当return_code为SUCCESS时,不会再通知)

//当收到通知进行处理时，首先检查对应业务数据的状态，判断该通知是否已经处理过，如果没有处理过再进行处理，

如果处理过直接返回结果成功。在对业务数据进行状态检查和处理之前，要采用数据锁进行并发控制，

以避免函数重入造成的数据混乱.

//判断是否在微信浏览器打开

function isWeiXin(){

var ua = window.navigator.userAgent.toLowerCase();

if(ua.match(/MicroMessenger/i) == 'micromessenger'){

return true;

}else{

return false;

}

}

步骤够详细了吧，我自己实现过，所以写了日志，结合php版本的demo 大致弄得出来了，如果对整个流程不太清楚,仔细的看完微信公众号支付接口文档,你申请微信公众号支付成功了就会有的,

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航