微信公众号h5支付

最新推荐文章于 2023-12-07 11:07:46 发布
最新推荐文章于 2023-12-07 11:07:46 发布
阅读量441 收藏 1
点赞数
分类专栏： php 微信
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lovetina2017/article/details/81099147
版权
php 同时被 2 个专栏收录
22 篇文章 0 订阅
订阅专栏
微信
7 篇文章 1 订阅
订阅专栏 
<?php
require_once "wx.php";
header('Content-type:text/html; Charset=utf-8');
$mchid = '';          //微信支付商户号 PartnerID 通过微信支付商户资料审核后邮件发送
$appid = '';  //微信支付申请对应的公众号的APPID
$appKey = '';   //微信支付   申请对应的公众号的APP Key
$apiKey = '';   //https://pay.weixin.qq.com 帐户设置-安全设置-API安全-API密钥-设置API密钥
//①、获取用户openid
$wxPay = new WxpayService($mchid,$appid,$appKey,$apiKey);
$openId = $wxPay->GetOpenid();      //获取openid
if(!$openId) exit('获取openid失败');
//②、统一下单
$outTradeNo = uniqid();     //你自己的商品订单号
$payAmount = 0.01;          //付款金额，单位:元
$orderName = 'demo';    //订单标题
$notifyUrl = 'https://www.xxx.com/wx/notify.php';     //付款成功后的回调地址(不要有问号)
$payTime = time();      //付款时间
$jsApiParameters = $wxPay->createJsBizPackage($openId,$payAmount,$outTradeNo,$orderName,$notifyUrl,$payTime);
$jsApiParameters = json_encode($jsApiParameters);

?>
<html>
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1"/>
        <title>微信支付样例-支付</title>
        <script type="text/javascript">
            function jsApiCall()
            {
                WeixinJSBridge.invoke(
                    'getBrandWCPayRequest',
                    {$jsApiParameters},
                    function(res){
                        WeixinJSBridge.log(res.err_msg);
//                alert(res.err_code+res.err_desc+res.err_msg);
                        if(res.err_msg == "get_brand_wcpay_request:ok" ) {
                            window.location.href = "http://www.baidu.com";
                        }else{
                            if(res.err_msg == "get_brand_wcpay_request:cancel"){
                                alert('支付取消!');
                                return false;
                            }else{
                                alert('支付失败!');
                                return false;
                            }
                        }
                    }
                );
            }

            //调用微信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="http://www.baidu.com";
                        }else{
                            if(res.err_msg == "get_brand_wcpay_request:cancel"){
                                alert('支付取消!');
                                return false;
                            }else{
                                alert('支付失败!');
                                return false;
                            }
                        }
                       // alert(res.err_code+res.err_desc+res.err_msg);
                    }
                );
            }
            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/>
    <font color="#9ACD32"><b>该笔订单支付金额为<span style="color:#f00;font-size:50px"><?php echo $payAmount?>元</span>钱</b></font><br/><br/>
    <div align="center">
        <button style="width:210px; height:50px; border-radius: 15px;background-color:#FE6714; border:0px #FE6714 solid; cursor: pointer;  color:white;  font-size:16px;" type="button" onclick="callpay()" >立即支付</button>
    </div>
    </body>
</html>

 

 

<?php
class WxpayService
{
    protected $mchid;
    protected $appid;
    protected $appKey;
    protected $apiKey;
    public $data = null;
    public function __construct($mchid, $appid, $appKey,$key)
    {
        $this->mchid = $mchid; //https://pay.weixin.qq.com 产品中心-开发配置-商户号
        $this->appid = $appid; //微信支付申请对应的公众号的APPID
        $this->appKey = $appKey; //微信支付申请对应的公众号的APP Key
        $this->apiKey = $key;   //https://pay.weixin.qq.com 帐户设置-安全设置-API安全-API密钥-设置API密钥
    }
    /**
     * 通过跳转获取用户的openid，跳转流程如下：
     * 1、设置自己需要调回的url及其其他参数，跳转到微信服务器https://open.weixin.qq.com/connect/oauth2/authorize
     * 2、微信服务处理完成之后会跳转回用户redirect_uri地址，此时会带上一些参数，如：code
     * @return 用户的openid
     */
    public function GetOpenid()
    {
        //通过code获得openid
        if (!isset($_GET['code'])){
            //触发微信返回code码
            $scheme = $_SERVER['HTTPS']=='on' ? 'https://' : 'http://';
            $baseUrl = urlencode($scheme.$_SERVER['HTTP_HOST'].$_SERVER['PHP_SELF'].$_SERVER['QUERY_STRING']);
            $url = $this->__CreateOauthUrlForCode($baseUrl);
            Header("Location: $url");
            exit();
        } else {
            //获取code码，以获取openid
            $code = $_GET['code'];
            $openid = $this->getOpenidFromMp($code);
            return $openid;
        }
    }
    /**
     * 通过code从工作平台获取openid机器access_token
     * @param string $code 微信跳转回来带上的code
     * @return openid
     */
    public function GetOpenidFromMp($code)
    {
        $url = $this->__CreateOauthUrlForOpenid($code);
        $res = self::curlGet($url);
        //取出openid
        $data = json_decode($res,true);
        $this->data = $data;
        $openid = $data['openid'];
        return $openid;
    }
    /**
     * 构造获取open和access_toke的url地址
     * @param string $code，微信跳转带回的code
     * @return 请求的url
     */
    private function __CreateOauthUrlForOpenid($code)
    {
        $urlObj["appid"] = $this->appid;
        $urlObj["secret"] = $this->appKey;
        $urlObj["code"] = $code;
        $urlObj["grant_type"] = "authorization_code";
        $bizString = $this->ToUrlParams($urlObj);
        return "https://api.weixin.qq.com/sns/oauth2/access_token?".$bizString;
    }
    /**
     * 构造获取code的url连接
     * @param string $redirectUrl 微信服务器回跳的url，需要url编码
     * @return 返回构造好的url
     */
    private function __CreateOauthUrlForCode($redirectUrl)
    {
        $urlObj["appid"] = $this->appid;
        $urlObj["redirect_uri"] = "$redirectUrl";
        $urlObj["response_type"] = "code";
        $urlObj["scope"] = "snsapi_base";
        $urlObj["state"] = "STATE"."#wechat_redirect";
        $bizString = $this->ToUrlParams($urlObj);
        return "https://open.weixin.qq.com/connect/oauth2/authorize?".$bizString;
    }
    /**
     * 拼接签名字符串
     * @param array $urlObj
     * @return 返回已经拼接好的字符串
     */
    private function ToUrlParams($urlObj)
    {
        $buff = "";
        foreach ($urlObj as $k => $v)
        {
            if($k != "sign") $buff .= $k . "=" . $v . "&";
        }
        $buff = trim($buff, "&");
        return $buff;
    }
    /**
     * 统一下单
     * @param string $openid 调用【网页授权获取用户信息】接口获取到用户在该公众号下的Openid
     * @param float $totalFee 收款总费用 单位元
     * @param string $outTradeNo 唯一的订单号
     * @param string $orderName 订单名称
     * @param string $notifyUrl 支付结果通知url 不要有问号
     * @param string $timestamp 支付时间
     * @return string
     */
    public function createJsBizPackage($openid, $totalFee, $outTradeNo, $orderName, $notifyUrl, $timestamp)
    {
        $config = array(
            'mch_id' => $this->mchid,
            'appid' => $this->appid,
            'key' => $this->apiKey,
        );
        $orderName = iconv('GBK','UTF-8',$orderName);
        $unified = array(
            'appid' => $config['appid'],
            'attach' => 'pay',             //商家数据包，原样返回，如果填写中文，请注意转换为utf-8
            'body' => $orderName,
            'mch_id' => $config['mch_id'],
            'nonce_str' => self::createNonceStr(),
            'notify_url' => $notifyUrl,
            'openid' => $openid,            //rade_type=JSAPI，此参数必传
            'out_trade_no' => $outTradeNo,
            'spbill_create_ip' => '127.0.0.1',
            'total_fee' => intval($totalFee * 100),       //单位 转为分
            'trade_type' => 'JSAPI',
        );
        $unified['sign'] = self::getSign($unified, $config['key']);
        $responseXml = self::curlPost('https://api.mch.weixin.qq.com/pay/unifiedorder', self::arrayToXml($unified));
        $unifiedOrder = simplexml_load_string($responseXml, 'SimpleXMLElement', LIBXML_NOCDATA);
        if ($unifiedOrder === false) {
            die('parse xml error');
        }
        if ($unifiedOrder->return_code != 'SUCCESS') {
            die($unifiedOrder->return_msg);
        }
        if ($unifiedOrder->result_code != 'SUCCESS') {
            die($unifiedOrder->err_code);
        }
        $arr = array(
            "appId" => $config['appid'],
            "timeStamp" => "$timestamp",        //这里是字符串的时间戳，不是int，所以需加引号
            "nonceStr" => self::createNonceStr(),
            "package" => "prepay_id=" . $unifiedOrder->prepay_id,
            "signType" => 'MD5',
        );
        $arr['paySign'] = self::getSign($arr, $config['key']);
        return $arr;
    }
    public static function curlGet($url = '', $options = array())
    {
        $ch = curl_init($url);
        curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
        curl_setopt($ch, CURLOPT_TIMEOUT, 30);
        if (!empty($options)) {
            curl_setopt_array($ch, $options);
        }
        //https请求 不验证证书和host
        curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, false);
        curl_setopt($ch, CURLOPT_SSL_VERIFYHOST, false);
        $data = curl_exec($ch);
        curl_close($ch);
        return $data;
    }
    public static function curlPost($url = '', $postData = '', $options = array())
    {
        if (is_array($postData)) {
            $postData = http_build_query($postData);
        }
        $ch = curl_init();
        curl_setopt($ch, CURLOPT_URL, $url);
        curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
        curl_setopt($ch, CURLOPT_POST, 1);
        curl_setopt($ch, CURLOPT_POSTFIELDS, $postData);
        curl_setopt($ch, CURLOPT_TIMEOUT, 30); //设置cURL允许执行的最长秒数
        if (!empty($options)) {
            curl_setopt_array($ch, $options);
        }
        //https请求 不验证证书和host
        curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, false);
        curl_setopt($ch, CURLOPT_SSL_VERIFYHOST, false);
        $data = curl_exec($ch);
        curl_close($ch);
        return $data;
    }
    public static function createNonceStr($length = 16)
    {
        $chars = 'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789';
        $str = '';
        for ($i = 0; $i < $length; $i++) {
            $str .= substr($chars, mt_rand(0, strlen($chars) - 1), 1);
        }
        return $str;
    }
    public static function arrayToXml($arr)
    {
        $xml = "<xml>";
        foreach ($arr as $key => $val) {
            if (is_numeric($val)) {
                $xml .= "<" . $key . ">" . $val . "</" . $key . ">";
            } else
                $xml .= "<" . $key . "><![CDATA[" . $val . "]]></" . $key . ">";
        }
        $xml .= "</xml>";
        return $xml;
    }
    public static function getSign($params, $key)
    {
        ksort($params, SORT_STRING);
        $unSignParaString = self::formatQueryParaMap($params, false);
        $signStr = strtoupper(md5($unSignParaString . "&key=" . $key));
        return $signStr;
    }
    protected static function formatQueryParaMap($paraMap, $urlEncode = false)
    {
        $buff = "";
        ksort($paraMap);
        foreach ($paraMap as $k => $v) {
            if (null != $v && "null" != $v) {
                if ($urlEncode) {
                    $v = urlencode($v);
                }
                $buff .= $k . "=" . $v . "&";
            }
        }
        $reqPar = '';
        if (strlen($buff) > 0) {
            $reqPar = substr($buff, 0, strlen($buff) - 1);
        }
        return $reqPar;
    }
}
?>

 

lovetina2017
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
微信公众号微信内H5调起支付
aGreetSmile的博客
09-03 887
judgePay() { if (typeof WeixinJSBridge == "undefined"){ if( document.addEventListener ){ document.addEventListener('WeixinJSBridgeReady', this.onBridgeReady(), false); }else if (document.attachEve...
微信公众号支付
u013412790的专栏
03-22 405
最重要：公众号必须有支付权限 具体如何查看请百度 先配置一下 否则开发很蛋疼 楼主这几天都在蛋疼中 1.在公众号中获取 appid, mch_id, key, AppSecret这四个参数 2.设置支付目录 如果支付地址是http://域名/api/pay 支付目录就是:http://域名/api/ 3.ip白名单配置（获取access_token） 当前发起需要access_...
微信公众号H5支付的两种方式
bamboozjy的博客
06-28 5079
前端调起微信H5支付的两种方式
微信公众号使用uniappH5、python对接微信支付V3-JSAPI的支付功能
出去玩去的博客
10-24 1925
apiv3升级后，请求体使用不用xml使用json，每次请求需要在header中添加签名，而签名需要用微信支付的商户证书私钥进行RSA加密。微信公众号网页用uniapp，后台用的python，近期对接微信支付-apiv3版-jsapi支付，特此整理记录方便日后查找使用。3.2、jsapi_list为空列表[]也不可以，提示fail，添加一个权限就可以了。3.1、签名出错，查看参数，查看加密方式，查看url参数(出错较多)
微信支付-公众号支付H5调用支付详解
WGH100817的博客
11-02 601
微信公众号支付 最近项目需要微信支付，然后看了下微信公众号支付，，虽然不难，但是细节还是需要注意的，用了大半天时间写了个demo，并且完整的测试了一下支付流程，下面分享一下微信公众号支付的经验。 一、配置公众号微信支付 需要我们配置微信公众号支付地址和测试白名单。 比如：支付JS页面的地址为 http://www.xxx.c...
公众号H5支付（JSAPI支付）
CSDN_zhhjgy的博客
04-13 776
前几天公司要求做H5支付，所以在这里记录下，方便以后查看！ 首先要做H5支付必须先做网页授权，授权拿到openid之后才能调起微信内置的JSSDK完成支付（网页授权的准备工作这里就不说了，可以自行百度） 1.网页授权部分（静默授权） 思路：用户进入页面分2种情况，一种是第一次进入未授权过的用户，另一种是已授权过的用户。（用户同意网页授权会在路劲中有一个重要的code，可以用过这个参数进行判断...
h5 小程序 接入微信支付开发
weixin_48091030的博客
08-15 3920
微信支付 uni-app
微信h5支付和微信公众号支付demo 下载
10-30
微信外浏览器h5支付，微信公众号支付，别人已经封装好的jar还不错，经过测试可以使用，需要注意的地方看我博客
Asp微信支付系统接口代码下载 修复版+微信扫码支付+H5支付+微信公众号支付+微信红包支付+微信刷卡支付等等
10-11
微信公众号支付是基于微信公众号而开发的支付接口，在已有的公众号里可以添加 ASP 的公众号支付，微信中生成订单后，直接调出微信钱包支付，非常方便，同样支持自动更新订单状态。 H5 支付是手机浏览器使用的接口，...
微信扫码支付接口
qq_37133509的博客
08-27 315
上次项目中用到了pc端微信扫码支付，虽然接口不是很难，但是找资料的时候比较少，所以做完分享出来，需要的小伙伴可以用哦~ &amp;lt;?php header('Content-type:text/html; Charset=utf-8'); $mchid = '********'; //微信支付商户号 PartnerID 通过微信支付商户资料审核后邮件发送 $appid = '*...
微信公众号支付/H5支付/二维码支付demo
10-09
资源为微信公众号/H5/二维码支付的源代码,若代码有疑问,可以咨询博主,看到消息一定会回~
微信支付（H5支付。微信公众号支付）
06-20
公众号支付是指用户在微信中打开商户的H5页面，商户在H5页面通过调用微信支付提供的JSAPI接口调起微信支付模块来完成支付。 适用于在公众号、朋友圈、聊天窗口等微信内完成支付的场景。 APP支付是指商户通过在移动端应用APP中集成开放SDK调起微信支付模块来完成支付。 适用于在移动端APP中集成微信支付功能的场景。
微信H5页面实现微信小程序支付
小木木的开发日常
01-19 1万+
微信H5页面打开微信小程序支付功能
H5页面调用微信支付
热门推荐
chen_ai_tao的博客
02-24 2万+
H5页面调用微信支付
微信公众号h5使用微信支付及支付宝支付（前端）
最新发布
Shiqi_777的博客
12-07 2202
微信公众号h5使用微信支付及支付宝支付（前端）
H5接入支付流程-微信支付&支付宝支付
qq_27909209的博客
05-23 5451
微信支付方式主要包括，对普通商家主要提供以下7种方式付款码支付：比如大型连锁店，超市，支付时可以，扫描用户的个人付款码，进行支付，触动场景一般为：用户打开个人付款码->收银员扫描仪扫描->门店收银台->商户后台->微信支付系统JSAPI支付：仅限在微信内使用，可调用微信的API，直接唤起微信的支付组件。比如早期的一些公众号里的内嵌支付页面。
微信扫码支付和H5支付，开箱即用
@Bean
11-27 1054
支付步骤 1获取微信签名 2发起支付 3处理回调 支付所需工具类 package com.zjy.xzlive.util; import com.alibaba.fastjson.JSON; import com.alibaba.fastjson.JSONObject; import org.jdom.Element; import org.jdom.Document; import...
H5 通用收银台实战总结
JiuQianWan的博客
12-08 1584
收银台的定位为业务提供安全、多样化的收/退款能力，对业务屏蔽支付大小类和收款账户的复杂路由，对支付网关屏蔽复杂的业务场景。解释一下收银台为什么要提供退款能力？我们都知道超市里的收银台只负责收钱，退钱需要去服务台。但是线上的系统设计不能照搬线下的模式，交易类场景不能凭空产生一笔退款，一定要在某笔收款的基础上才能产生退款，因此，退款能力放在收银台不管是校验正向的收款数据，还是生成退款数据都是很方便合理...
使用微信JSAPI支付（公众号支付）接口实现微信H5支付功能
美奇软件开发工作室
11-23 7510
使用过微信支付商户的应该都知道，微信H5支付是比较难申请的，而且费率比较高，微信H5通道的风控也相对比较严，搞不好商户就会被风控清退。本文的思路就是通过微信JSAPI支付（公众号支付）接口来实现H5支付的功能。
uni.app 微信公众号H5支付
07-13
在 uni.app 中使用微信公众号 H5 支付，你可以按照以下步骤进行操作： 1. 首先，确保你已经配置好了微信公众号支付功能，并且已经获取到了支付的相关参数，例如订单号、支付金额等。 2. 在 uni-app 中，可以使用 `uni.request` 或其他网络请求库来发起支付请求。你需要向微信支付接口发送一个 POST 请求，包含支付相关的参数。 例如： ```javascript uni.request({ url: 'https://api.mch.weixin.qq.com/pay/unifiedorder', // 微信支付接口地址 method: 'POST', data: { // 支付参数，例如 appid、mch_id、nonce_str、body、out_trade_no、total_fee 等 }, success: (res) => { // 请求成功的回调函数 // 解析返回的数据，获取预支付交易会话标识 prepay_id const prepayId = res.data.prepay_id; // 调用 H5 支付接口进行支付 uni.requestPayment({ provider: 'wxpay', timeStamp: '', // 时间戳 nonceStr: '', // 随机字符串 package: '', // 统一下单接口返回的 prepay_id 参数值 signType: 'MD5', paySign: '', // 签名 success: (res) => { // 支付成功的回调函数 console.log(res); }, fail: (err) => { // 支付失败的回调函数 console.log(err); } }); }, fail: (err) => { // 请求失败的回调函数 console.log(err); } }); ``` 在上述代码中，你需要根据实际情况填写支付接口地址、支付参数、预支付交易会话标识 prepay_id 以及支付的回调函数。 3. 当用户点击支付按钮后，会触发支付请求，用户将会跳转到微信支付页面完成支付操作。 请注意，以上代码仅为示例，实际使用时需要根据 uni-app 中的具体语法和微信支付接口的要求进行相应的调整和处理。同时，确保在后端服务器中进行订单处理和验证，以确保支付的安全和准确性。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值