ThinkPHP框架整合微信支付之JSAPI模式图文详解

2025-05-29 0 98

本文实例讲述了thinkphp框架整合微信支付之jsapi模式。分享给大家供大家参考,具体如下:

目前微信是很火的,微信支付目前很少在网上能看到一系列详细的demo,因此,花一点时间来做一下关于微信支付系列教程,

本次教程是jsapi模式支付,其他的还会继续写下去

首先,下载微信支付的demo,我们根据微信上的demo来整合到tp中。

介绍下我们这里需要用到的几个文件:
ThinkPHP框架整合微信支付之JSAPI模式图文详解

在demo文件夹中:

js_api_call.php:提供了微信jsapi的主要功能
log_.php:提供打印日志功能
notify_url.php:异步通知功能
notify_url.log:异步通知日志
qrcode.js:生成二维码js插件

接下来介绍下wxpaypubhelper文件夹下的文件:

ThinkPHP框架整合微信支付之JSAPI模式图文详解

cacert 文件夹是存放微信证书的(ps:具体我还没怎么用证书,虽然下载下来了,证书请在微信商户平台上下载)
sdkruntimeexception.php:这个就是处理异常的、
wxpay.pub.config.php:这个是做一些配置的,稍后会详细讲解
wxpaypubhelper.php:这个其实就是微信支付的工具类,对于初学者只要知道怎么用他里面的方法就够了

ok,了解了微信官方提供的文件,我们就可以开始整合到tp中了,废话不多说,这就开始!

step1:将demo中的wxpaypubhelper整个文件夹都复制到tp的vendor目录下,像我这样:

ThinkPHP框架整合微信支付之JSAPI模式图文详解

step2:配置wxpay.pub.config.php文件:

ThinkPHP框架整合微信支付之JSAPI模式图文详解

这里的配置都有注释,如果还有不懂或者配置出现问题可以留言提问

同时我把微信的这个配置放到了tp的config中,这一步大家可以随意

?

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17
<?php

return array(

//'配置项'=>'配置值'

define('web_host', '这是您的网站域名地址'),

/*微信支付配置*/

'wxpayconf_pub'=>array(

'appid' => '您的appid',

'mchid' => '您的商户id',

'key' => '商户秘钥',

'appsecret' => '您的appsecret',

'js_api_call_url' => web_host.'/index.php/home/wxjsapi/jsapicall',

'sslcert_path' => web_host.'/thinkphp/library/vendor/wxpaypubhelper/cacert/apiclient_cert.pem',

'sslkey_path' => web_host.'/thinkphp/library/vendor/wxpaypubhelper/cacert/apiclient_key.pem',

'notify_url' => web_host.'/index.php/home/wxjsapi/notify',

'curl_timeout' => 30

)

);

step3:将生成二维码的js放在public目录下(这里目前用不到,在用扫码支付的情况才用到这个js),将日志文件放在public目录下:像我这样:

ThinkPHP框架整合微信支付之JSAPI模式图文详解

step4:创建控制器:这里创建了一个wxjsapicontroller的控制器,这里大家随便起名字,只要这个跟你们在公众平台上的设置相对应就可以(公众平台设置稍后介绍)

ThinkPHP框架整合微信支付之JSAPI模式图文详解

下面是控制器的代码部分了,首先初始化控制器,将wxpaypubhelper导入

?

1

2

3

4

5

6

7

8
/**

* 初始化

*/

public function _initialize()

{

//引入wxpaypubhelper

vendor('wxpaypubhelper.wxpaypubhelper');

}

接下来是使用统一支付接口,获取prepay_id的方法:

?

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60
public function jsapicall()

{

//使用jsapi接口

$jsapi = new \\jsapi_pub();

//=========步骤1:网页授权获取用户openid============

//通过code获得openid

if (!isset($_get['code']))

{

//触发微信返回code码

$url = $jsapi->createoauthurlforcode(c('wxpayconf_pub.js_api_call_url'));

header("location: $url");

}else

{

//获取code码,以获取openid

$code = $_get['code'];

$jsapi->setcode($code);

$openid = $jsapi->getopenid();

}

//=========步骤2:使用统一支付接口,获取prepay_id============

//使用统一支付接口

$unifiedorder = new \\unifiedorder_pub();

//设置统一支付接口参数

//设置必填参数

//appid已填,商户无需重复填写

//mch_id已填,商户无需重复填写

//noncestr已填,商户无需重复填写

//spbill_create_ip已填,商户无需重复填写

//sign已填,商户无需重复填写

$unifiedorder->setparameter("openid",$openid);//商品描述

$unifiedorder->setparameter("body","贡献一分钱");//商品描述

//自定义订单号,此处仅作举例

$timestamp = time();

$out_trade_no = c('wxpayconf_pub.appid').$timestamp;

$unifiedorder->setparameter("out_trade_no",$out_trade_no);//商户订单号

$unifiedorder->setparameter("total_fee","1");//总金额

$unifiedorder->setparameter("notify_url",c('wxpayconf_pub.notify_url'));//通知地址

$unifiedorder->setparameter("trade_type","jsapi");//交易类型

//非必填参数,商户可根据实际情况选填

//$unifiedorder->setparameter("sub_mch_id","xxxx");//子商户号

//$unifiedorder->setparameter("device_info","xxxx");//设备号

//$unifiedorder->setparameter("attach","xxxx");//附加数据

//$unifiedorder->setparameter("time_start","xxxx");//交易起始时间

//$unifiedorder->setparameter("time_expire","xxxx");//交易结束时间

//$unifiedorder->setparameter("goods_tag","xxxx");//商品标记

//$unifiedorder->setparameter("openid","xxxx");//用户标识

//$unifiedorder->setparameter("product_id","xxxx");//商品id

$prepay_id = $unifiedorder->getprepayid();

//=========步骤3:使用jsapi调起支付============

$jsapi->setprepayid($prepay_id);

$jsapiparameters = $jsapi->getparameters();

$this->assign('jsapiparameters',$jsapiparameters);

$this->display('pay');

//echo $jsapiparameters;

}

这里都是复制微信demo的,改改名字罢了,没什么其他的

接下来是异步通知方法,也是复制的微信demo上的

?

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51
public function notify()

{

//使用通用通知接口

$notify = new \\notify_pub();

//存储微信的回调

$xml = $globals['http_raw_post_data'];

$notify->savedata($xml);

//验证签名,并回应微信。

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

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

//尽可能提高通知的成功率,但微信不保证通知最终能成功。

if($notify->checksign() == false){

$notify->setreturnparameter("return_code","fail");//返回状态码

$notify->setreturnparameter("return_msg","签名失败");//返回信息

}else{

$notify->setreturnparameter("return_code","success");//设置返回码

}

$returnxml = $notify->returnxml();

echo $returnxml;

//==商户根据实际情况设置相应的处理流程,此处仅作举例=======

//以log文件形式记录回调信息

// $log_ = new log_();

$log_name= __root__."/public/notify_url.log";//log文件路径

log_result($log_name,"【接收到的notify通知】:\\n".$xml."\\n");

if($notify->checksign() == true)

{

if ($notify->data["return_code"] == "fail") {

//此处应该更新一下订单状态,商户自行增删操作

log_result($log_name,"【通信出错】:\\n".$xml."\\n");

}

elseif($notify->data["result_code"] == "fail"){

//此处应该更新一下订单状态,商户自行增删操作

log_result($log_name,"【业务出错】:\\n".$xml."\\n");

}

else{

//此处应该更新一下订单状态,商户自行增删操作

log_result($log_name,"【支付成功】:\\n".$xml."\\n");

}

//商户自行增加处理流程,

//例如:更新订单状态

//例如:数据库操作

//例如:推送支付完成信息

}

}

这里我把记录日志的类写到了function.php中:

?

1

2

3

4

5

6

7

8
function log_result($file,$word)

{

$fp = fopen($file,"a");

flock($fp, lock_ex) ;

fwrite($fp,"执行日期:".strftime("%y-%m-%d-%h:%m:%s",time())."\\n".$word."\\n\\n");

flock($fp, lock_un);

fclose($fp);

}

好了 其实控制器的方法就这么多,没什么其他的了,下面看一下页面,直接上代码吧:

?

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44
<!doctype html>

<html>

<head>

<meta http-equiv="content-type" content="text/html;charset=utf-8"/>

<title>微信安全支付</title>

<script type="text/javascript">

//调用微信js api 支付

function jsapicall()

{

weixinjsbridge.invoke(

'getbrandwcpayrequest',

<?php echo $jsapiparameters; ?>,

function(res){

weixinjsbridge.log(res.err_msg);

alert(res.err_code+res.err_desc+res.err_msg);

//alert("{$jsapiparameters}");

}

);

}

function callpay()

{

if (typeof weixinjsbridge == "undefined"){

if( document.addeventlistener ){

document.addeventlistener('weixinjsbridgeready', jsapicall, false);

}else if (document.attachevent){

document.attachevent('weixinjsbridgeready', jsapicall);

document.attachevent('onweixinjsbridgeready', jsapicall);

}

}else{

jsapicall();

}

}

</script>

</head>

<body>

</br></br></br></br>

<div align="center">

<button style="width:210px; height:30px; background-color:#fe6714; border:0px #fe6714 solid; cursor: pointer; color:white; font-size:16px;" type="button" onclick="callpay()" >贡献一下</button>

</div>

</body>

</html>

无须改动什么,直接复制就好

接下来是微信公众平台上的配置了,这里我遇到过问题,如果有在这里遇到问题的同学请留言,比如出现了access_deined或者access_notallowed等问题,这都可能是因为这里配置不对。
请看配置过程截图:

ThinkPHP框架整合微信支付之JSAPI模式图文详解

点击修改进入配置:

ThinkPHP框架整合微信支付之JSAPI模式图文详解

好了,可以测试了:下面是我的测试截图:

用微信扫描二维码

ThinkPHP框架整合微信支付之JSAPI模式图文详解

微信上点击贡献一下出现支付页面:

ThinkPHP框架整合微信支付之JSAPI模式图文详解

到此为止,微信jsapi支付功能就全部做好了

当然,如果你是第一次做,肯定会遇到各种问题,
如果你是新手,遇到的问题都不知道为什么,
及时你做过了再做我相信还是可能由于细节上的疏忽会出现问题
不过不要烦躁,耐心的去发现问题
有问题请留言,下面还会介绍微信扫码支付模式一,模式二的详细教程

希望本文所述对大家基于thinkphp框架的php程序设计有所帮助。

原文链接:http://www.thinkphp.cn/code/1321.html

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

快网idc优惠网 建站教程 ThinkPHP框架整合微信支付之JSAPI模式图文详解 https://www.kuaiidc.com/92943.html

相关文章

发表评论
暂无评论