目前微信是很火的,微信支付目前很少在网上能看到一系列详细的demo,因此,花一点时间来做一下关于微信支付系列教程,本次教程是JSAPI模式支付,其他的还会继续写下去
首先,下载微信支付的demo,我们根据微信上的demo来整合到TP中。
介绍下我们这里需要用到的几个文件:
在demo文件夹中:
js_api_call.php:提供了微信jsapi的主要功能
log_.php:提供打印日志功能
notify_url.php:异步通知功能
notify_url.log:异步通知日志
qrcode.js:生成二维码js插件
接下来介绍下WxPayPubHelper文件夹下的文件:
cacert 文件夹是存放微信证书的(PS:具体我还没怎么用证书,虽然下载下来了,证书请在微信商户平台上下载)
SDKRuntimeException.php:这个就是处理异常的、
WxPay.pub.config.php:这个是做一些配置的,稍后会详细讲解
WxPayPubHelper.php:这个其实就是微信支付的工具类,对于初学者只要知道怎么用他里面的方法就够了
OK,了解了微信官方提供的文件,我们就可以开始整合到TP中了,废话不多说,这就开始!
step1:将demo中的WxPayPubHelper整个文件夹都复制到TP的Vendor目录下,像我这样:
step2:配置WxPay.pub.config.php文件:
这里的配置都有注释,如果还有不懂或者配置出现问题可以留言提问
同时我把微信的这个配置放到了TP的config中,这一步大家可以随意<?php <br />
return array(<br>
//'配置项'=>'配置值'<br>
define('WEB_HOST', '这是您的网站域名地址'),<br>
/*微信支付配置*/<br>
'WxPayConf_pub'=>array(<br>
'APPID' => '您的APPID',<br>
'MCHID' => '您的商户ID',<br>
'KEY' => '商户秘钥',<br>
'APPSECRET' => '您的APPSECRET',<br>
'JS_API_CALL_URL' => WEB_HOST.'/index.php/Home/WxJsAPI/jsApiCall',<br>
'SSLCERT_PATH' => WEB_HOST.'/ThinkPHP/Library/Vendor/WxPayPubHelper/cacert/apiclient_cert.pem',<br>
'SSLKEY_PATH' => WEB_HOST.'/ThinkPHP/Library/Vendor/WxPayPubHelper/cacert/apiclient_key.pem',<br>
'NOTIFY_URL' => WEB_HOST.'/index.php/Home/WxJsAPI/notify',<br>
'CURL_TIMEOUT' => 30<br>
)<br>
);
step3:将生成二维码的js放在Public目录下(这里目前用不到,在用扫码支付的情况才用到这个js),将日志文件放在Public目录下:像我这样:
step4:创建控制器:这里创建了一个WxJsAPIController的控制器,这里大家随便起名字,只要这个跟你们在公众平台上的设置相对应就可以(公众平台设置稍后介绍)
下面是控制器的代码部分了,首先初始化控制器,将WxPayPubHelper导入/**<br>
* 初始化<br>
*/<br>
public function _initialize()<br>
{<br>
//引入WxPayPubHelper<br>
vendor('WxPayPubHelper.WxPayPubHelper');<br>
}
接下来是使用统一支付接口,获取prepay_id的方法: public function jsApiCall()<br>
{<br>
//使用jsapi接口<br>
$jsApi = new \JsApi_pub();<br>
<br>
//=========步骤1:网页授权获取用户openid============<br>
//通过code获得openid<br>
if (!isset($_GET['code']))<br>
{<br>
//触发微信返回code码<br>
$url = $jsApi->createOauthUrlForCode(C('WxPayConf_pub.JS_API_CALL_URL'));<br>
Header("Location: $url");<br>
}else<br>
{<br>
//获取code码,以获取openid<br>
$code = $_GET['code'];<br>
$jsApi->setCode($code);<br>
$openid = $jsApi->getOpenId();<br>
}<br>
<br>
//=========步骤2:使用统一支付接口,获取prepay_id============<br>
//使用统一支付接口<br>
$unifiedOrder = new \UnifiedOrder_pub();<br>
<br>
//设置统一支付接口参数<br>
//设置必填参数<br>
//appid已填,商户无需重复填写<br>
//mch_id已填,商户无需重复填写<br>
//noncestr已填,商户无需重复填写<br>
//spbill_create_ip已填,商户无需重复填写<br>
//sign已填,商户无需重复填写<br>
$unifiedOrder->setParameter("openid",$openid);//商品描述<br>
$unifiedOrder->setParameter("body","贡献一分钱");//商品描述<br>
//自定义订单号,此处仅作举例<br>
$timeStamp = time();<br>
$out_trade_no = C('WxPayConf_pub.APPID').$timeStamp;<br>
$unifiedOrder->setParameter("out_trade_no",$out_trade_no);//商户订单号<br>
$unifiedOrder->setParameter("total_fee","1");//总金额<br>
$unifiedOrder->setParameter("notify_url",C('WxPayConf_pub.NOTIFY_URL'));//通知地址<br>
$unifiedOrder->setParameter("trade_type","JSAPI");//交易类型<br>
//非必填参数,商户可根据实际情况选填<br>
//$unifiedOrder->setParameter("sub_mch_id","XXXX");//子商户号<br>
//$unifiedOrder->setParameter("device_info","XXXX");//设备号<br>
//$unifiedOrder->setParameter("attach","XXXX");//附加数据<br>
//$unifiedOrder->setParameter("time_start","XXXX");//交易起始时间<br>
//$unifiedOrder->setParameter("time_expire","XXXX");//交易结束时间<br>
//$unifiedOrder->setParameter("goods_tag","XXXX");//商品标记<br>
//$unifiedOrder->setParameter("openid","XXXX");//用户标识<br>
//$unifiedOrder->setParameter("product_id","XXXX");//商品ID<br>
<br>
$prepay_id = $unifiedOrder->getPrepayId();<br>
//=========步骤3:使用jsapi调起支付============<br>
$jsApi->setPrepayId($prepay_id);<br>
<br>
$jsApiParameters = $jsApi->getParameters();<br>
<br>
$this->assign('jsApiParameters',$jsApiParameters);<br>
$this->display('pay');<br>
//echo $jsApiParameters;<br>
}
这里都是复制微信demo的,改改名字罢了,没什么其他的
接下来是异步通知方法,也是复制的微信demo上的 public function notify()<br>
{<br>
//使用通用通知接口<br>
$notify = new \Notify_pub();<br>
<br>
//存储微信的回调<br>
$xml = $GLOBALS['HTTP_RAW_POST_DATA'];<br>
$notify->saveData($xml);<br>
<br>
//验证签名,并回应微信。<br>
//对后台通知交互时,如果微信收到商户的应答不是成功或超时,微信认为通知失败,<br>
//微信会通过一定的策略(如30分钟共8次)定期重新发起通知,<br>
//尽可能提高通知的成功率,但微信不保证通知最终能成功。<br>
if($notify->checkSign() == FALSE){<br>
$notify->setReturnParameter("return_code","FAIL");//返回状态码<br>
$notify->setReturnParameter("return_msg","签名失败");//返回信息<br>
}else{<br>
$notify->setReturnParameter("return_code","SUCCESS");//设置返回码<br>
}<br>
$returnXml = $notify->returnXml();<br>
echo $returnXml;<br>
<br>
//==商户根据实际情况设置相应的处理流程,此处仅作举例=======<br>
<br>
//以log文件形式记录回调信息<br>
// $log_ = new Log_();<br>
$log_name= __ROOT__."/Public/notify_url.log";//log文件路径<br>
<br>
log_result($log_name,"【接收到的notify通知】:\n".$xml."\n");<br>
<br>
if($notify->checkSign() == TRUE)<br>
{<br>
if ($notify->data["return_code"] == "FAIL") {<br>
//此处应该更新一下订单状态,商户自行增删操作<br>
log_result($log_name,"【通信出错】:\n".$xml."\n");<br>
}<br>
elseif($notify->data["result_code"] == "FAIL"){<br>
//此处应该更新一下订单状态,商户自行增删操作<br>
log_result($log_name,"【业务出错】:\n".$xml."\n");<br>
}<br>
else{<br>
//此处应该更新一下订单状态,商户自行增删操作<br>
log_result($log_name,"【支付成功】:\n".$xml."\n");<br>
}<br>
<br>
//商户自行增加处理流程,<br>
//例如:更新订单状态<br>
//例如:数据库操作<br>
//例如:推送支付完成信息<br>
}<br>
}
这里我把记录日志的类写到了function.php中:function log_result($file,$word)<br>
{<br>
$fp = fopen($file,"a");<br>
flock($fp, LOCK_EX) ;<br>
fwrite($fp,"执行日期:".strftime("%Y-%m-%d-%H:%M:%S",time())."\n".$word."\n\n");<br>
flock($fp, LOCK_UN);<br>
fclose($fp);<br>
}
好了 其实控制器的方法就这么多,没什么其他的了,下面看一下页面,直接上代码吧:nbsp;html><br>
<br>
<br>
<meta>
<br>
<title>微信安全支付</title>
<br>
<br>
<script><br />
<br />
//调用微信JS api 支付<br />
function jsApiCall()<br />
{<br />
WeixinJSBridge.invoke(<br />
'getBrandWCPayRequest',<br />
<?php echo $jsApiParameters; ?>,<br />
function(res){<br />
WeixinJSBridge.log(res.err_msg);<br />
alert(res.err_code+res.err_desc+res.err_msg);<br />
//alert("{$jsApiParameters}");<br />
}<br />
);<br />
}<br />
<br />
function callpay()<br />
{<br />
if (typeof WeixinJSBridge == "undefined"){<br />
if( document.addEventListener ){<br />
document.addEventListener('WeixinJSBridgeReady', jsApiCall, false);<br />
}else if (document.attachEvent){<br />
document.attachEvent('WeixinJSBridgeReady', jsApiCall); <br />
document.attachEvent('onWeixinJSBridgeReady', jsApiCall);<br />
}<br />
}else{<br />
jsApiCall();<br />
}<br />
}<br />
</script><br>
<br>
<br>
<br>
<div>
<br>
<button>贡献一下</button><br>
</div>
<br>
<br>
无须改动什么,直接复制就好
接下来是微信公众平台上的配置了,这里我遇到过问题,如果有在这里遇到问题的同学请留言,比如出现了access_deined或者access_notallowed等问题,这都可能是因为这里配置不对。
请看配置过程截图:
点击修改进入配置:
好了,可以测试了:下面是我的测试截图:
用微信扫描二维码
微信上点击贡献一下出现支付页面:
到此为止,微信JSAPI支付功能就全部做好了
当然,如果你是第一次做,肯定会遇到各种问题,
如果你是新手,遇到的问题都不知道为什么,
及时你做过了再做我相信还是可能由于细节上的疏忽会出现问题
不过不要烦躁,耐心的去发现问题
有问题请留言,下面还会介绍微信扫码支付模式一,模式二的详细教程
微信支付教程扫码模式一:
http://www.thinkphp.cn/code/1322.html
微信支付教程扫码模式二:
http://www.thinkphp.cn/code/1323.html
微信支付教程刷卡支付:
http://www.thinkphp.cn/code/1324.html
欢迎大家吐槽,转载请说明出处,请支持原创,谢谢!
我们的微信开发群:422579975(已满) 105195188(未满),代码已放在群文件中
欢迎大家加入讨论问题
AD:真正免费,域名+虚机+企业邮箱=0元