PHP 微信公众号和html5接入微信支付

最新推荐文章于 2023-06-20 19:44:40 发布
最新推荐文章于 2023-06-20 19:44:40 发布
阅读量3.1k 收藏 1
点赞数
文章标签： 微信 支付 公众号支付 微信H5支付 微信支付
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/shaochanQQ/article/details/77124662
版权

最近公司项目需要接入微信支付购买道具，本人负责h5和微信公众号支付这一块。app支付由另一同事负责，在这里就不说了。

关于公众号支付，腾讯官方有提供demo。下载地址：官方Demo

吐嘈一下，官方Demo的好像有点问题，在WxPay.Api.php line 537 538这两个代码会导致错误码60

1
2
curl_setopt( $ch ,CURLOPT_SSL_VERIFYPEER,TRUE);
curl_setopt( $ch ,CURLOPT_SSL_VERIFYHOST,2); //严格校验

修改为

1
2
curl_setopt( $ch ,CURLOPT_SSL_VERIFYPEER,FALSE);
curl_setopt( $ch ,CURLOPT_SSL_VERIFYHOST,FALSE);

就好了

使用公众号支付时，需要先获取用户的openId(需要设置微信js接口安全域名/网页授权域名（在公众号设置-功能设置）)。这个授权在官方给出的demo中使用的是静默授权

关于网页授权的两种scope的区别说明
1、以snsapi_base为scope发起的网页授权，是用来获取进入页面的用户的openid的，并且是静默授权并自动跳转到回调页的。用户感知的就是直接进入了回调页（往往是业务页面）
2、以snsapi_userinfo为scope发起的网页授权，是用来获取用户的基本信息的。但这种授权需要用户手动同意，并且由于用户同意过，所以无须关注，就可在授权后获取该用户的基本信息。
3、用户管理类接口中的“获取用户基本信息接口”，是在用户和公众号产生消息交互或关注后事件推送后，才能根据用户OpenID来获取用户基本信息。这个接口，包括其他微信接口，都是需要该用户（即openid）关注了公众号后，才能调用成功的。

经过测试，静默授权跳转回到页面需要花费2秒左右。所以我使用ajax去请求授权

首先在业务页面获取code

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
<?php
     error_reporting (E_ERROR);
     ini_set ( 'date.timezone' , 'Asia/Shanghai' );
     header( "Content-Type: text/html; charset=UTF-8" );
     require_once "JsApiPay.php" ;   
     
     //是否是微信打开 h5和微信内是同一个网页，所以加上这个判断
     function is_weixin(){
         if ( strpos ( $_SERVER [ 'HTTP_USER_AGENT' ], 'MicroMessenger' ) !== false ) {
                 return true;
         }   
         return false;
     }
     if (is_weixin()){
         $tools = new JsApiPay();
         //触发微信返回code码
         if (!isset( $_GET [ 'code' ])){
             $baseUrl = urlencode( 'http://' . $_SERVER [ 'HTTP_HOST' ]. $_SERVER [ 'REQUEST_URI' ]. $_SERVER [ 'QUERY_STRING' ]);
             $url = $tools ->__CreateOauthUrlForCode( $baseUrl );
             Header( "Location: $url" );
             exit ();
         }                                
         //获取共享收货地址js函数参数
         $editAddress = $tools ->GetEditAddressParameters();
     }
 
?>

前端ajax请求用户信息

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
//显示loading 建议内容不超出六个汉字
function showLoading(msg){
     var $loadingToast = $( '#loadingToast' );
     if ($loadingToast.css( 'display' ) != 'none' ) return ;
     $( '.weui-toast__content' ).html(msg)
     $loadingToast.fadeIn(100);
}
function closeLoading()
{
     var $loadingToast = $( '#loadingToast' );
     $loadingToast.fadeOut(100);
}
//是否是微信打开
function is_weixin(){
     var ua = navigator.userAgent.toLowerCase();
     if (ua.match(/MicroMessenger/i)== "micromessenger" ) {
         return true ;
      } else {
         return false ;
     }
}
$( function (){
         var userInfo;
         if (is_weixin()){
             showLoading( "获取授权中" ); //请求过程中显示一个loading
             var userInfo
             $.get( 'get_user_info.php?<?php echo $_SERVER[' QUERY_STRING '] ?>' , function (data, st){
                 closeLoading();
                 userInfo = JSON.parse(data);
                 $( '.page__title' ).html(userInfo.nick);
                 $( '.page__desc' ).html( "UID:" +userInfo.uid);
                 if (userInfo.uid == -1){           
                     $( '.page__desc' ).html( "UID:null" );               
                     showMessage( "您还未使用过当前微信号登陆过游戏，请确认" );
                 }
             });
         } else
         {
            userInfo = { "unionid" : "0" , "nick" : "未登录用户" , "uid" : "-1" , "openId" : "0" };
            $( '.page__title' ).html(userInfo.nick);
            $( '.page__desc' ).html( "UID:" +userInfo.uid);
         }

get_user_info.php代码如下

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<?php
     ini_set ( 'date.timezone' , 'Asia/Shanghai' );
     header( "Content-Type: text/html; charset=UTF-8" );
     require_once "JsApiPay.php" ;
     //①、获取用户openid
     $tools = new JsApiPay();
     $openId = $tools ->GetOpenid(); 
     $usInfo = $tools ->GetUserInfo();
     $unionid = $usInfo [ "unionid" ];  
 
     $ret_data = function () //跟后台确认用户信息<span>,建议后台用户标识使用开放平台的unionid，可以在平台绑定该公众号。
     //这样获取的用户信息就带有unionid字段了。而且公众平台和开放平台下其它应用是一致的unionid
     $nick = "尚未登录游戏" ;
     $uid = -1;
     if ( $ret_data ->ret == 1){
        $nick = $ret_data ->data->nick;
        $uid = $ret_data ->data->uid;
     }
     //'{"ret":1,"data":'.$jsApiParameters.'}';
     echo '{"unionid":"' . $unionid . '","nick":"' . $nick . '","uid":"' . $uid . '","openId":"' . $openId . '"}' ;
?></span>

JsApiPay(Demo中的WxPay.JsApiPay.php)增加两个方法

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
61
62
63
64
65
66
67
68
69
70
71
72
73
/**
*
*   获取access_token
*
*/
private function GetAccessToken()
{
     $urlObj [ "grant_type" ] = "client_credential" ;
     $urlObj [ "appid" ] = WxPayConfig::APPID;
     $urlObj [ "secret" ] = WxPayConfig::APPSECRET;
     $bizString = $this ->ToUrlParams( $urlObj );
     $url =  "https://api.weixin.qq.com/cgi-bin/token?" . $bizString ;
     //初始化curl
     $ch = curl_init();
     //设置超时
     curl_setopt( $ch , CURLOPT_TIMEOUT, $this ->curl_timeout);
     curl_setopt( $ch , CURLOPT_URL, $url );
     curl_setopt( $ch , CURLOPT_SSL_VERIFYPEER,FALSE);
     curl_setopt( $ch , CURLOPT_SSL_VERIFYHOST,FALSE);
     curl_setopt( $ch , CURLOPT_HEADER, FALSE);
     curl_setopt( $ch , CURLOPT_RETURNTRANSFER, TRUE);
     if (WxPayConfig::CURL_PROXY_HOST != "0.0.0.0"
         && WxPayConfig::CURL_PROXY_PORT != 0){
         curl_setopt( $ch ,CURLOPT_PROXY, WxPayConfig::CURL_PROXY_HOST);
         curl_setopt( $ch ,CURLOPT_PROXYPORT, WxPayConfig::CURL_PROXY_PORT);
     }
     //运行curl，结果以jason形式返回
     $res = curl_exec( $ch );
     curl_close( $ch );
     //取出accessToken
     $data = json_decode( $res ,true);
     $accessToken = $data [ 'access_token' ];
     $this ->accessToken = $accessToken ;
     return $accessToken ;
}
 
 
/**
*
*   获取用户信息
*
*/
public function GetUserInfo()
{
     $access_token = $this ->GetAccessToken();
     $getData = $this ->data;
     $urlObj [ "access_token" ] = $access_token ; //$getData["access_token"];//this->GetAccessToken();
     $urlObj [ "openid" ] = $getData [ "openid" ];
     $urlObj [ "lang" ] = "zh_CN" ;
     $bizString = $this ->ToUrlParams( $urlObj );
     $url =  "https://api.weixin.qq.com/cgi-bin/user/info?" . $bizString ;
     //初始化curl
     $ch = curl_init();
     //设置超时
     curl_setopt( $ch , CURLOPT_TIMEOUT, $this ->curl_timeout);
     curl_setopt( $ch , CURLOPT_URL, $url );
     curl_setopt( $ch , CURLOPT_SSL_VERIFYPEER,FALSE);
     curl_setopt( $ch , CURLOPT_SSL_VERIFYHOST,FALSE);
     curl_setopt( $ch , CURLOPT_HEADER, FALSE);
     curl_setopt( $ch , CURLOPT_RETURNTRANSFER, TRUE);
     if (WxPayConfig::CURL_PROXY_HOST != "0.0.0.0"
         && WxPayConfig::CURL_PROXY_PORT != 0){
         curl_setopt( $ch ,CURLOPT_PROXY, WxPayConfig::CURL_PROXY_HOST);
         curl_setopt( $ch ,CURLOPT_PROXYPORT, WxPayConfig::CURL_PROXY_PORT);
     }
     //运行curl，结果以jason形式返回
     $res = curl_exec( $ch );
     curl_close( $ch );
     //取出openid
     $userInfo = json_decode( $res ,true);
     $this ->userInfo = $userInfo ;
     return $userInfo ;
}

效果如下：

下单付款：

这个官方给出的Demo有，就不多说了。

以下为微信内和h5页面的对比：

再来说说h5的微信支付，其它和微信内的支付差不了多少。对比图如下：

点击立即付款按钮时动作分别是

微信内

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
var PayApiArgs;
//调用微信JS api 支付
function jsApiCall()
{
     WeixinJSBridge.invoke(
         'getBrandWCPayRequest' ,
         PayApiArgs,
         function (res){
             WeixinJSBridge.log(res.err_msg);
             if (res.err_msg == "get_brand_wcpay_request:cancel" )
             {
                 showMessage( "用户取消支付" );
             } else if (res.err_msg == "get_brand_wcpay_request:ok" )
             {
                 showMessage( "支付成功" , function ()
                 {
                     WeixinJSBridge.call( 'closeWindow' );
                 });
             } else if (res.err_msg == "get_brand_wcpay_request:fail" )
             {
                 showMessage( "支付失败" , function (){
                     writeLog( "err_code:" +res.err_code+ ",err_desc:" +res.err_desc+ ", err_msg:" +res.err_msg, 1);
                 });
             }
         }
     );
}
 
                     $.get( 'CreatOrder.php' , function (data, status){
                         var dtatObj = JSON.parse(data);
                         if (dtatObj.ret == 1){
                             PayApiArgs = dtatObj.data;
                             callpay();
                         } else {
                             showMessage(dtatObj.msg)
                         }
                     });

h5页面

1
2
3
4
5
6
7
8
9
10
showLoading( "创建订单中" );
$.get( 'CreatOrder.php' , function (data){
     closeLoading();
     var dtatObj = JSON.parse(data);
     if (dtatObj.ret == 1){        
         window.location.href=dtatObj.mweb_url; //跳转到中间页面自动拉起微信客户端
     } else {
         showMessage(dtatObj.msg)
     }
})

上面页面中使用的样式均为weui

原文地址

紹燦
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
微信公众号支付（PHP完全版）
duckes的博客
08-17 1万+
1.前期准备工作：取得微信公众号的appId、secret、微信商户的商户id、支付key 下载好微信官方提供的sdk：https://pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=11_1 下载好微信商户平台的API安全证书：https://pay.weixin.qq.com/index.php/core/cert/api_cert 2....
html实现自动打开微信支付,基于HTML5之APP微信支付集成实现（转载）
weixin_35700003的博客
05-31 596
一 摘要这里HTML5集成微信支付跟iOS,安卓集成微信支付过程是一样的,iOS微信集成参考之前的文章.http://blog.csdn.net/baihuaxiu123/article/details/51415717这里引用之前文章的集成过程.如下:商户系统和微信支付系统主要交互说明：步骤1：用户在商户APP中选择商品，提交订单，选择微信支付。步骤2：商户后台收到用户支付单，调用微信支付统一下...
php实现微信支付功能
最新发布
合格程序猿
06-20 3215
以上代码示例演示了使用PHP实现微信支付功能的基本流程，具体的配置和参数需根据实际情况进行调整。在实际项目中，建议使用官方提供的微信支付SDK或相关第三方库来简化开发流程。三、前端调用JSAPI发起支付： 在前端页面中引入微信JSAPI的相关库文件，并使用生成的JSAPI支付参数调起支付接口。
微信公众号H5支付的两种方式
bamboozjy的博客
06-28 5082
前端调起微信H5支付的两种方式
基于PHP+HTML的“微信支付”全流程（2021）
甘越的博客
06-21 1489
1.注册微信支付的商户 2.将程序的路径配置在微信支付后台 3.创建订单信息 在微信浏览器上访问HTML页面上操作。根据传入用户openid、金额，返回的订单创建的信息。代码分为以下三个组成部分： 第一部分、JS监听支付按钮的点击事件，并发送到后台获取创建的订单信息，代码如下： ...
微信公众号PHP接口源码
04-11
提供了用户接入企业微信的两个接口及如何使用这两个接口的示例。分别用于收到用户回复消息的解密以及开发者回复消息的加密过程。关于加解密协议请参考微信公众平台官方文档。
柒微自动发卡系统源码 （对接微信公众号）
04-23
　我们接入了两种免签约支付方式：码支付和易支付 　码支付：需要24小时挂电脑软件，但是用户付款后金额直接到自己支付宝或者微信，建议量大的用户使用此方式，此方式配置起来稍微有点麻烦，它免费使用QQ钱包和...
基于OpenAI接口做的微信公众号自动回复，弱化版ChatGPT
02-14
基于OpenAI接口做的微信公众号自动回复，弱化版ChatGPT 介绍 能干什么？ 通过调用OpenAI的接口智能回答问题。(API调用 或 用作公众号自动回复) 是ChatGPT吗？ 不是。ChatGPT基于GPT-3.5，本项目是调用GPT-3，有很大...
微信公众号开发之文本消息自动回复php代码
12-19
 下载地址2：https://mp.weixin.qq.com/wiki/home/index.html（开始开发-》接入指南-》PHP示例代码下载）  2.wx_sample.php初始代码 <?php /** * wechat php test */ //define your token define("TOKEN",...
php微信支付之公众号支付功能
12-20
网上的很多PHP微信扫码支付接入教程都颇为复杂，且需要配置和引入较多的文件，本人通过整理后给出一个单文件版的，希望可以给各位想接入微信扫码支付的带来些许帮助和借鉴意义。 将该文件放到你的授权目录下，并在...
thinkphp微信公众号支付demo
10-06
thinkphp微信公众号支付demo
微信公众号开发接入PHPSDK
12-22
微信公众号开发接入SDK，原生PHP代码实现，已经实现各基础接口，是我最初给客户做开发的时候使用的，很适合刚入门的同学使用参考，有问题欢迎指正，谢谢。
自己开发一套微信支付接口(SDK)-微信开发15(PHP)
04-11
会员免费看，http://edu.csdn.net/lecturer/842 边栏可办理会员卡。自己开发一套微信支付接口(SDK)是子恒老师《子恒说微信开发》视频教程的第15部。详细讲解了用php开发一套自己的微信支付接口。内容包含微信支付开发思路，基础类开发，微信支付接口应用，公众号发红包，企业付款等等。欢迎反馈，微信号：QQ68183131
微信H5网页公众号支付教程附demo
热门推荐
季小沫的博客
11-23 4万+
微信H5网页公众号支付教程附demo开发之前请详细阅读微信公众号支付开发文档，并配置好服务器信息。 微信支付开发文档1.微信支付申请，开通微信商户平台。 2.开发配置，填写服务器地址。 3.在开发电脑上安装证书，用于设置获取商户秘钥。 4.设置获取秘钥。 开始开发 1.用户点击下面页面自动跳转到微信授权链接。 index.html<!DOCTYPE HTML> <html> <
html调用微信支付api
hy3528的博客
12-19 1636
<script src="http://res2.wx.qq.com/open/js/jweixin-1.4.0.js"></script> actionReadWxpay(order_num) { if (!order_num) { return ...
微信支付公众号支付php,php 微信公众号支付
weixin_33814002的博客
03-10 96
class wxPay{/*微信jsapi支付相关配置*/protected $key = 'c2a7d232222222222e795'; //商户号API KEY 在商户后台设置protected $appid = 'wxbb82111119f5e5f04'; //公众号appidprotected $mchid = '11111111'; //商户号/*微信JSAPI...
H5微信网页授权接口开发 PHP［附源码］
程序员的博客
05-14 1万+
背景        上篇分享了微信分享接口的文章，本篇分享微信授权接口的源码及使用说明。        接口开发语言是PHP，是通过两次跳转实现的。前端跳转到服务器接口获取用户信息，并通过追加用户信息（如：openid、昵称、头像等）地址参数跳回前端页面。实现方法        根据文档说明，网页授权流程分为四步。这里主要说下其中的三步，        第一步：用户同意授权，获取code。    ...
thinkphp整合系列之微信公众号支付
叶落无痕的博客
06-05 2311
公众号支付是指在微信app中访问的页面通过js直接调起微信支付； 因此页面必须是在微信中打开的； 示例项目：https://github.com/baijunyao/thinkphp-bjyadmin 一：设置域名 登录微信公众平台； 微信支付中设置支付授权目录；把域名改为自己的； 注意最后是有一个斜线的 /  设置授权域名； 二：导入sdk /ThinkPHP/Libr
非微信浏览器，h5跳转mwebUrl调用微信支付
zhu_haiyun的博客
05-21 3678
非微信浏览器，h5跳转mwebUrl调用微信支付h5调用微信支付在微信浏览器中中可以直接使用weixin-js-sdk给出的api实现调用支付在非微信浏览器中怎么实现微信支付呢 h5调用微信支付 在微信浏览器中中可以直接使用weixin-js-sdk给出的api实现调用支付 微信内h5调起支付 function onBridgeReady(){ WeixinJSBridge.invoke( 'getBrandWCPayRequest', { "appId":"wx2421
微信公众号支付接口V3.3.7详解与场景应用
微信公众号支付接口文档V3.3.7详细...这份文档为微信公众号支付接口的开发者提供了全面的技术指南，无论是初次接触微信支付的开发者还是已有经验的开发者，都能从中找到所需的信息，以实现高效的支付功能集成和维护。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值