TP5微信公众号H5支付极简攻略

已于 2022-02-24 09:49:06 修改
阅读量1.5k 收藏
点赞数 2
分类专栏： thinkphp 文章标签： 微信 前端 javascript
于 2022-02-24 09:41:29 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/latinhui/article/details/123104439
版权

1.背景

每次写到微信支付这块的时候总觉得不够清晰，网上代码大部分太长，依赖太多，还是坚持我的原则，给人复制就尽量少一些依赖，方便配置和理解，高手看懂了自然回去拆分。

2.前置条件

已认证的服务号
公众号关联微信商户
微信商户中添加支付链接域名
下载证书文件到跟目录下新建‘cert’文件夹
以上部分都有清晰的教程，此处不做赘述，聚焦在代码和常见问题上

3.代码

3.1 前端

前端共三个function，比较好理解就不合并了

function pay(amount) {
	var that = this;
	axios.get('/index/test/wxpay?amount=' + amount + "&type=1&openid=" + openid)
		.then(res => {
			payInfo = res.data;
			console.log(res.data)
			apply();
		})
		.catch(err => {
			console.log(err)
		});
}

function jsApiCall() {
	WeixinJSBridge.invoke(
		'getBrandWCPayRequest', {
			"appId": payInfo['appId'], //公众号名称，由商户传入     
			"timeStamp": payInfo['timeStamp'], //时间戳，自1970年以来的秒数     
			"nonceStr": payInfo['nonceStr'], //随机串     
			"package": payInfo['package'],
			"signType": payInfo['signType'], //微信签名方式：     
			"paySign": payInfo['sign'] //微信签名 
		},
		function(res) {
			if (res.err_msg == "get_brand_wcpay_request:ok") {
				// 使用以上方式判断前端返回,微信团队郑重提示：
				//res.err_msg将在用户支付成功后返回ok，但并不保证它绝对可靠。
			}
		});
}

function apply() {
	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();
	}
}

3.2后端

后端相对有点长，但是不需要动脑子，直接在controller中粘贴进去就可以用了

private $config=[
    'appId'=>'<公众号APPID>', 
    'mch_id'=>'<微信商户号ID>',
    'key'=>'<微信商户KEY>',
    'secret'=>'<微信商户SECRET>'
  ];
  public function wxpay(){
    $desc="描述";
    $openid=input('openid');
    header('Content-Type: text/html; charset=utf-8');
      $total_amount =input('param.amount');// (100) * $amount;//充值的金额
      $data=array(
      'appid'=> $this->config['appId'],//商户账号appid
      'mch_id'=> $this->config['mch_id'],//商户号
      'nonce_str'=> $this->createNoncestr(),//随机字符串
      'out_trade_no'=> date('YmdHis').rand(1000, 9999),//商户订单号
      'openid'=> $openid,//用户openid
      'total_fee'=>$total_amount,//金额
      'body'=> $desc,//充值描述信息
      'spbill_create_ip'=> '47.97.231.53',//Ip地址
      'trade_type'=>'JSAPI',
      'notify_url'=>'<你的回调地址>'//你的回调地址
    );
      $secrect_key = $this->config['key'];//API密码
      $data = array_filter($data);//过滤函数
      ksort($data);
      $str ='';
      foreach($data as $k=>$v) {
        $str.=$k.'='.$v.'&';
      }
      $str.='key='.$secrect_key;//把秘钥和字符串拼接起来
      $data['sign'] = strtoupper(md5($str));//用md5得到sign 转换成大写
      $xml = $this->arraytoxml($data);//拼接成xml的格式
      $url='https://api.mch.weixin.qq.com/pay/unifiedorder'; //调用接口
      $res = $this->wx_curl($xml,$url);
      $return = $this->xmltoarray($res);
      $responseObj = simplexml_load_string($res, 'SimpleXMLElement', LIBXML_NOCDATA);
      $jsonStr = json_encode($responseObj);//转换为字符串
      $jsonArray = json_decode($jsonStr,true);//转换为数组
      if($jsonArray['return_code']='SUCCESS' && $jsonArray['result_code']='SUCCESS'){
        $time = time();//时间戳
        $info = array(
          'appId'=>$this->config['appId'],
          'nonceStr'=>$jsonArray['nonce_str'],
          'package'=>'prepay_id='.$jsonArray['prepay_id'],
          'signType'=>'MD5',
          'timeStamp'=>"".$time."",
        );
      $info_s = array_filter($info);//过滤函数
      ksort($info_s);
      $str_s ='';
      foreach($info as $k=>$v) {
        $str_s.=$k.'='.$v.'&';
      }
      $str_s.='key='.$this->config['key'];//把秘钥和字符串拼接起来
      $info['sign']=strtoupper(md5($str_s));
      $infos = array(
        'status'=>1,
        'content'=>'success',
        'result'=>$info
      );
      return json($info);     
    }else{
      return json([
        'status'=>0,
        'content'=>$jsonArray['return_msg'],
        'result'=>$jsonArray['err_code_des']
      ]);
    }
  }
  public function sendMoney($amount,$re_openid,$desc='你的简介',$check_name=''){
    header('Content-Type: text/html; charset=utf-8');
      $total_amount =$amount;// (100) * $amount;//充值的金额
      $data=array(
      'appid'=> $this->config['appId'],//商户账号appid
      'mch_id'=> $this->config['mch_id'],//商户号
      'nonce_str'=> $this->createNoncestr(),//随机字符串
      'out_trade_no'=> date('YmdHis').rand(1000, 9999),//商户订单号
      'openid'=> $re_openid,//用户openid
      'total_fee'=>$total_amount,//金额
      'body'=> $desc,//充值描述信息
      'spbill_create_ip'=> '47.97.231.53',//Ip地址
      'trade_type'=>'JSAPI',
      'notify_url'=>'<你的回调地址>'//你的回调地址
    );
      $secrect_key = $this->config['key'];//API密码
      $data = array_filter($data);//过滤函数
      ksort($data);
      $str ='';
      foreach($data as $k=>$v) {
        $str.=$k.'='.$v.'&';
      }
      $str.='key='.$secrect_key;//把秘钥和字符串拼接起来
      $data['sign'] = strtoupper(md5($str));//用md5得到sign 转换成大写
      $xml = $this->arraytoxml($data);//拼接成xml的格式
      $url='https://api.mch.weixin.qq.com/pay/unifiedorder'; //调用接口
      $res = $this->wx_curl($xml,$url);
      $return = $this->xmltoarray($res);
      $responseObj = simplexml_load_string($res, 'SimpleXMLElement', LIBXML_NOCDATA);
      $jsonStr = json_encode($responseObj);//转换为字符串
      $jsonArray = json_decode($jsonStr,true);//转换为数组
      if($jsonArray['return_code']='SUCCESS' && $jsonArray['result_code']='SUCCESS'){
        $time = time();//时间戳
        $info = array(
          'appId'=>$this->config['appId'],
          'nonceStr'=>$jsonArray['nonce_str'],
          'package'=>'prepay_id='.$jsonArray['prepay_id'],
          'signType'=>'MD5',
          'timeStamp'=>"".$time."",
        );
      $info_s = array_filter($info);//过滤函数
      ksort($info_s);
      $str_s ='';
      foreach($info as $k=>$v) {
        $str_s.=$k.'='.$v.'&';
      }
      $str_s.='key='.$this->config['key'];//把秘钥和字符串拼接起来
      $info['sign']=strtoupper(md5($str_s));
      $infos = array(
        'status'=>1,
        'content'=>'success',
        'result'=>$info
      );
      return json($info);
    }else{
      return json([
        'status'=>0,
        'content'=>$jsonArray['return_msg'],
        'result'=>$jsonArray['err_code_des']
      ]);
    }
  }

  public function createNoncestr($length =32){
    $chars = "abcdefghijklmnopqrstuvwxyz0123456789";
    $str ="";
    for ( $i = 0; $i < $length; $i++ ) {
    $str.= substr($chars, mt_rand(0, strlen($chars)-1), 1);
    }
    return $str;
  }
  public function arraytoxml($data){
    $str='<xml>';
    foreach($data as $k=>$v) {
        $str.='<'.$k.'>'.$v.'</'.$k.'>';
    }
    $str.='</xml>';
    return $str;
  }
  public function xmltoarray($xml) {
    libxml_disable_entity_loader(true);//禁止引用外部xml实体
    $xmlstring = simplexml_load_string($xml, 'SimpleXMLElement', LIBXML_NOCDATA);
    $val = json_decode(json_encode($xml),true);
    return $val;
  }
  public function wx_curl($vars,$url,$second = 30, $aHeader = array()) {
    $isdir = ROOT_PATH."cert/";//证书位置
    $ch = curl_init();//初始化curl
    curl_setopt($ch, CURLOPT_TIMEOUT, $second);//设置执行最长秒数
    curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);//要求结果为字符串且输出到屏幕上
    curl_setopt($ch, CURLOPT_URL, $url);//抓取指定网页
    curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, true);// 终止从服务端进行验证
    curl_setopt($ch, CURLOPT_SSL_VERIFYHOST, false);//
    curl_setopt($ch, CURLOPT_SSLCERTTYPE, 'PEM');//证书类型
    curl_setopt($ch, CURLOPT_SSLCERT, $isdir . 'apiclient_cert.pem');//证书位置
    curl_setopt($ch, CURLOPT_SSLKEYTYPE, 'PEM');//CURLOPT_SSLKEY中规定的私钥的加密类型
    curl_setopt($ch, CURLOPT_SSLKEY, $isdir . 'apiclient_key.pem');//证书位置
    if (count($aHeader) >= 1) {
        curl_setopt($ch, CURLOPT_HTTPHEADER, $aHeader);//设置头部
    }
    curl_setopt($ch, CURLOPT_POST, 1);//post提交方式
    curl_setopt($ch, CURLOPT_POSTFIELDS, $vars);//全部数据使用HTTP协议中的"POST"操作来发送
 
    $data = curl_exec($ch);//执行回话
    if ($data) {
        curl_close($ch);
        return $data;
    } else {
        $error = curl_errno($ch);
        echo "call faild, errorCode:$error\n";
        curl_close($ch);
        return false;
    }
  }

4常见问题

4.1 “chooseWXPay:fail, the permission value is offline verifying”

微信开发者工具打开时控制台报这个错，不用担心，真机打开就可以了。

4.2 “公众号支付 当前页面url未注册”

在微信商户中添加支付链接域名就可以了，具体路径：
登录微信支付商户平台–>【产品中心】–>【开发配置】

4.3 “调用支付jsapi缺少参数 appid”

大概率是因为没有返回正确的支付数据，如果按我上面提供的代码一般不会有其他问题，只要查看config中的各项设置就可以了，常见问题是appid不一致，微信商户未绑定等问题，可以在wxpay()加断点进行排查

大雄丸
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
tp5微信公众号获取用户openid_微信公众号网页授权获取用户openid
weixin_39685762的博客
12-20 488
最近一个项目是在微信公众号内二次开发，涉及到微信公众号支付，根据文档要求想要支付就必须要获取到用户的openid。官方流程网页授权流程分为四步：1、引导用户进入授权页面同意授权，获取code2、通过code换取网页授权access_token(与基础支持中的access_token不同)3、如果需要，开发者可以刷新网页授权access_token，避免过期4、通过网页授权access_token和...
tp5微信公众号获取用户openid_基于TP5的微信的公众号获取登录用户信息
weixin_39594312的博客
12-20 257
之前讲过微信的公众号自动登录的菜单配置，这次记录一下在TP5项目中获取自动登录的用户信息并存到数据库的操作基本的流程为：微信设置自动登录的菜单—>访问的URL指定的函数里获取用户信息—>将信息存到数据库中->返回视图也可以参考下列流程图： 接下来我们一步步编写代码。一. 在公众号内设置菜单，可参考我的另一篇文章：公众号打开网页自动登陆配置二. 在配置文件(config.php)中...
tp5使用微信H5支付
slm311的专栏
09-20 3147
废话不多逼逼，直接上代码 Index.php <?php namespace app\chhfivepay\controller; use \think\Log; use think\Controller; use think\Db; use think\Request; use think\Config; include 'WxpayService.php'; class Index ex...
thinkphp5 实现微信支付的步骤方法和简单的实例
知码客
05-10 572
当然，我们可以更详细地探讨如何在ThinkPHP 5中实现微信支付功能。
uniapp---H5端（微信公众号支付 和 支付宝支付）
m0_72951245的博客
05-25 590
【代码】uniapp---H5端（微信公众号支付 和 支付宝支付）
tp5微信公众号获取用户openid_获取微信公众号用户的基本信息(UnionID机制)
weixin_42522374的博客
12-30 983
在关注者与公众号产生消息交互后，公众号可获得关注者的OpenID(加密后的微信号，每个用户对每个公众号的OpenID是唯一的。对于不同公众号，同一用户的openid不同)。公众号可通过本接口来根据OpenID获取用户基本信息，包括昵称、头像、性别、所在城市、语言和关注时间。请注意，如果开发者有在多个公众号，或在公众号、移动应用之间统一用户帐号的需求，需要前往微信开放平台(open.weixin.q...
tp5微信公众号获取用户openid_TP5框架下微信授权登录的代码实现
weixin_39797393的博客
12-20 584
本篇文章给大家带来的内容是关于TP5框架下微信授权登录的代码实现，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。新建配置文件wechat.php...
TP6微信公众号登陆授权
人生没有终点
02-17 2396
thinkphp 微信公众号授权登陆
TP5微信公众号获取openid
weixin_52365465的博客
03-30 529
1.在公众号->设置->公众号设置->功能设置中添加’业务域名’,‘JS安全接口域名’,‘网页授权域名’ 2.控制器代码如下 public function test() { //获取config中设置的appid,secret $config = config('weixin'); if (!isset($_GET['code']) || $_GET['code'] == '') { .
tp5 微信支付h5支付
06-22
在本文中，我们将深入探讨如何在ThinkPHP5（简称TP5）框架中集成微信H5支付功能，并结合access_token的定时刷新策略，确保支付过程的稳定性和安全性。 首先，让我们理解微信H5支付的基本概念。微信H5支付是微信支付...
TP5微信公众号扫码支付 微信支付
12-22
封装微信支付所需的所有方法，复制粘贴，修改配置公众号信息即可使用 完整代码+代码解析文档，亲测可用
微信h5支付和微信公众号支付demo 下载
10-26
微信外浏览器h5支付，微信公众号支付，别人已经封装好的jar还不错，经过测试可以使用，需要注意的地方看我博客 微信外浏览器h5支付，微信公众号支付，别人已经封装好的jar还不错，经过测试可以使用，需要注意的地方...
tp5 微信支付 JSAPI支付接口 下载即用
12-15
封装好的微信JSAPI支付接口 下载放到项目里就能用
php 微信h5支付完整版
01-02
购买的php版微信h5支付分享给大家，帮助大家解决h5支付难题
Android 更换applicationId 后 微信没有回调
七夜的博客
07-24 362
android 微信没有回调
ASP.NET Web Api 使用 EF 6，DateTime 字段如何取数据库服务器当前时间
最新发布
yangshuquan的专栏
07-24 804
在做数据库设计时，为了方便进行数据追踪，通常会有几个字段是每个表都有的，比如创建时间、创建人、更新时间、更新人等，这些时间字段一般存储的是数据库服务器的时间，EF 是操作整个数据表对象，所以需要寻找方法来实现这个目的。本文分享 DB First 和 Code First 两种模式的 EF 中 DateTime 字段如何存储数据库服务器当前时间的方法。
Windows10+vs 2017中创建WEB API教程
Explinks的博客
07-24 993
本文将介绍如何在Windows10+vs 2017中创建web Api的教程。目前本教程当中的方法在Win10 + VS2017（MVC5）win server2016+vs2017，vs2013 vs2019当中测试通过。
tp5框架配置微信公众号开发者模式 请求url超时
02-07
当使用TP5框架配置微信公众号开发者模式时，可能会遇到请求URL超时的问题。这个问题通常是由于网络连接不稳定或者服务器资源不足导致的。 要解决这个问题，我们可以采取以下步骤： 1. 检查网络连接：首先，确保...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值