微信支付H5和JSAPI

已于 2023-12-21 11:03:41 修改
阅读量1.1k 收藏 23
点赞数 23
文章标签： 微信支付SDK
于 2023-12-14 01:03:19 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45472548/article/details/134961939
版权

微信支付H5和JSAPI

文章目录

一、申请商户号

  • 申请地址： https://pay.weixin.qq.com/
  • 如果你还没有微信商户号，请点击上面的链接进行申请，如果已经有了，可以跳过这一步

二、申请商户证书

  • 首先点击 账户中心 ▶ API安全 ▶ 申请API证书
  • 申请详细步骤： https://kf.qq.com/faq/161222NneAJf161222U7fARv.html
    在这里插入图片描述

三、设置APIv3密钥

  • 首先点击 账户中心 ▶ API安全 ▶ 设置APIv3密钥 ▶ 设置
  • 会看到有两个密钥，分别是 APIv2密钥 和 APIv3密钥，由于 APIv2密钥 已经逐渐废弃了，所以只需要申请 APIv3密钥 即可
  • 密钥可由数字大小写字母组合，输入任意的 32 位字符，该密钥需要保存好，供后面使用
    在这里插入图片描述
    申请APIv3密钥
    在这里插入图片描述
    设置APIv3密钥
// 生成32位的APIv3随机密钥
$chars = 'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789';
echo substr(str_shuffle($chars), 0, $length);

四、下载 SDK 开发包

  • 微信官方提供了 JAVA、PHP、GO 三种语言版本的开发库，请根据自己开发语言选择
  • JAVA语言： wechatpay-java ‹推荐›、wechatpay-apache-httpclient
  • PHP语言： wechatpay-php ‹推荐›、wechatpay-guzzle-middleware
  • GO语言： wechatpay-go ‹推荐›
  • 由于 php 实现支付相对简单，所以我将以 php 作为支付的讲解
  • 首先使用 composer 安装 sdk
# 初始化文件夹
composer init

# 推荐使用 PHP 包管理工具 Composer 安装 SDK
composer require wechatpay/wechatpay

五、下载平台证书

  • 平台证书跟上面申请的商户证书不是同一个东西，在后期请求中，平台证书和商户证书都要带上

  • 上面命令执行完之后，会有一个 vendor/bin/CertificateDownloader.php 文件

  • 如果你是第一次申请平台证书，需要执行命令：
    php CertificateDownloader.php -k ${apiV3key} -m ${mchId} -f ${mchPrivateKeyFilePath} -s ${mchSerialNo} -o ${outputFilePath}

  • -k： apiv3 秘钥，上面自己设置的32位数的密钥

  • -m： 商户号，微信商户平台可以查询

  • -f： 微信商户API私钥文件目录，也就是第二步申请商户证书里面生成的 apiclient_key.pem 路径

  • -s： 证书序列号，在 账户中心 ▶ API安全 ▶ 管理证书 中可以看见，如果有多个证书，找到自己正在使用的证书序列号

  • -o： 生成后的证书保存地址

cd vendor/bin/

php CertificateDownloader.php -k 241xxxxxxxxxxxxxxxxx44 -m 1xxxxxxx1 -f ../../cert/merchant/apiclient_key.pem -s Wxxxxxxxxxxxxxxxx4 -o  ../../cert/wechatpay/

在这里插入图片描述
获取证书序列号

六、关联 AppID 账号

  • 因为使用的是微信支付，所以用户支付后，需要通过微信号通知用户支付的一些信息，所以需要在商户号下至少关联一个公众号
    在这里插入图片描述关联公众号

七、开通 H5 支付

  • 点击 产品中心 ▶ 我的产品 ▶ H5支付 ▶ 点击开通
  • 开通后，选择 开发配置 ▶ H5支付域名 申请添加 H5支付域名
  • 申请支付域名需要先做好产品的页面，申请的时候需要有页面的截图，截图中还要 截取到域名， 支付的审核算是很严格的，如果申请不过，驳回后再申请，审核通过的时间会越来越长，所以最好一次性就把材料收集好，另外还要域名的备案的 IPC 截图
  • IPC 备案查询地址： https://beian.miit.gov.cn/
  • 关于域名的填写，如果只填写域名不填写具体域名路径，微信在支付的时候就只会校验域名，这也是最方便的，因为域名下有多个项目有支付功能的话，就不需要重复添加了
    在这里插入图片描述
    开通 H5 支付
    在这里插入图片描述
    申请支付域名

八、H5支付流程

  • H5支付是在微信以外的浏览器使用的，如果是微信内的话，使用的是 jsapi 支付
  • 所以一般用户进入页面的第一件事，就是检测用户使用的环境是微信浏览器还是其他浏览器
  • 前端传一些用户挑选商品后的参数，并请求后端处理接口，后端应该将一些参数进行入库，顺便请求 H5 支付接口
  • 接口应该返回跳转链接 h5_url，如果你想用户付款之后到结果页面，需要添加 redirect_url 参数，这个参数一定要用 encodeURIComponent 进行处理
  • 由于官方在 jssapi 支付中说明，不要相信前端的 success 结果，所以需要在结果页中，让用户自动触发查询结果，因此需要返回后端生成的订单号，用作在结果页的用户手动点击查询

H5前端代码

// 判断是否微信浏览器
function isWeChat() {
    var ua = navigator.userAgent.toLowerCase();
    if (ua.match(/MicroMessenger/i) == 'micromessenger') {
        return true;
    } else {
        return false;
    }
}

if(isWeChat()) {
    // 是微信中打开的产品页面
    alert('微信内不支持h5支付，请在外部浏览器打开页面');
} else {
    // 非微信内打开的产品页面，请求接口，获取支付的跳转链接
    // 前端用户选的产品，以及产品的金额，传一些参数过去
    let params = {
        total: 2, // 单位：元
        description: 'Image形象店-深圳腾大-QQ公仔' // 产品的介绍
        // ....更多入库参数
    };

    $.getJSON('后端接口地址/h5?' + $.param(params) + '&callback=?', function(res) {
        // 拉起微信支付界面，成功后会跳转到redirect_url链接
        $(location).attr("href", res.data.h5_url + "&redirect_url=" + encodeURIComponent(`https://xxxxxx/finish?out_trade_no=${res.data.out_trade_no}`))
    });
}

九、开通 JSAPI 支付

  • 点击 产品中心 ▶ 我的产品 ▶ JSAPI支付 ▶ 点击开通
  • 开通后，选择 开发配置 ▶ JSAPI支付域名 申请添加 JSAPI支付域名
  • 关于申请支付域名的流程基本都差不多要求也差不多，看上面的 H5支付域名 申请就行，这里就不过多赘述了
    在这里插入图片描述

十、JSAPI 支付流程

  • JSAPI支付是在微信内的浏览器使用的，如果用户是在微信外打开的话，需要提醒去微信内打开页面
  • JSAPI支付需要使用微信内置的 WeixinJSBridge.invoke 方法
  • 由于 JSAPI 调用支付需要用到用户的 openid，所以需要想方设法在用户调用 JSAPI 之前获取到 openid，点击查看获取 openid 的官方文档
  • 获取用户 openid，需要先获取 code，这个经常做微信业务的人都知道，那么如何在用户无感知的情况下就获取到 openid 呢
  • 思路就是，一般支付最少会有3个页面，这里标注为a、b、c 三个页面，通常是在 a 页面挑选商品，在 b页面确认商品，也就是付款页面，c 页面查询支付状态
  • 由于 code 的存在时间只有5分钟，所以注定 code 获得后不能长时间不使用，也就是说用户一旦在某个页面超过5分钟，这个 code 就失效了，因此最好的方法就是获取 code 后，立马获取 openid
  • 那么就应该设计成从a 页面先跳转到获取 code 页面再跳转到 b 页面，而在 b 页面的一开始就去请求接口，获取用户的 openid 即可
  • 跳转到 b 页面后，链接后自动带上 code参数，链接应该是 https://xxxx/b.html?code=xxxxxxxx

前端页面

// a页面，仅做逻辑演示，更加具体的逻辑需要自己完善
// 判断是否微信浏览器
function isWeChat() {
    var ua = navigator.userAgent.toLowerCase();
    if (ua.match(/MicroMessenger/i) == 'micromessenger') {
        return true;
    } else {
        return false;
    }
}

if(!isWeChat()) {
    // 非微信内打开的产品页面
    alert('微信外不支持JSAPI支付，请在微信中打开页面');
    return false;
}

// 用户挑选完商品后跳转，这里appid需要上面跟商户绑定的公众号appid
// 微信授权分为静默授权和非静默授权，其中非静默授权，需要用户点击确认授权后，才可以获取code，
// 因为这里主打一个用户无感知，而且我们只需要openid即可，所以我们只需要使用静默授权即可
// 静默授权可以获取用户更多的信息，比如头像、昵称等，而静默授权只能获取openid，这点需要注意，具体情况选择不同
// 非静默授权
// $(location).attr('href', `https://open.weixin.qq.com/connect/oauth2/authorize?appid=xxxxxxxxxxx&redirect_uri=${encodeURIComponent('https://xxxx/b.html')}&response_type=code&scope=snsapi_userinfo#wechat_redirect`)
// 静默授权
$(location).attr('href', `https://open.weixin.qq.com/connect/oauth2/authorize?appid=xxxxxxxxxxx&redirect_uri=${encodeURIComponent('https://xxxx/b.html')}&response_type=code&scope=snsapi_base#wechat_redirect`)


// b页面，仅做逻辑演示，更加具体的逻辑需要自己完善
let openid = '';

// 获取code, 请求接口获取openid
function getParamUrl(name, url) {
  if (!url) url = location.href;
  if (url.indexOf('?') == -1) return '';

  try {
    var re = new RegExp("" + name + "=([^&?]*)", "ig");
    return ((url.match(re)) ? (decodeURIComponent(url.match(re)[0].substr(name.length + 1))) : '');
  } catch (_e) {
    return '';
  }
}

let code = getParamUrl('code');

$.getJSON('后端接口地址/openid?callback=?', function(res) {
    if(res.code == 200) {
        openid = res.data;
    } else {
        console.error(res.msg);
    }
})

// 用户确定订单后，拉起支付
let params = {
    total: 2, // 单位：元
    description: 'Image形象店-深圳腾大-QQ公仔', // 产品的介绍
    openid: openid //用户的openid
    // ....更多入库参数
};

$.getJSON('后端接口地址/jssapi?' + $.param(params) + '&callback=?', function(res) {
    WeixinJSBridge.invoke('getBrandWCPayRequest', {
      'appId': res.data.sign.appId,
      'timeStamp': res.data.sign.timeStamp,
      'nonceStr': res.data.sign.nonceStr,
      'package': res.data.sign.package,
      'signType': res.data.sign.signType,
      'paySign': res.data.sign.paySign
    }, function (response) {
      if (response.err_msg == "get_brand_wcpay_request:ok") {
        $(location).attr("href", `https://xxxxxx/finish?out_trade_no=${res.data.out_trade_no}`)
      } else {
        // 有些用户调起了支付，但是未付款取消的处理方式，你可以给他简单简单提示
        toast('支付异常取消')

        // 当然有些用户是误操作，你可以提醒二次支付
        if(confirm('检测到你操作有误，是否重新支付?')) {
            WeixinJSBridge.invoke('getBrandWCPayRequest', {
                  'appId': res.data.sign.appId,
                  'timeStamp': res.data.sign.timeStamp,
                  'nonceStr': res.data.sign.nonceStr,
                  'package': res.data.sign.package,
                  'signType': res.data.sign.signType,
                  'paySign': res.data.sign.paySign
                }, function (response) {
                if (response.err_msg == "get_brand_wcpay_request:ok") {
                    $(location).attr("href", `https://xxxxxx/finish?out_trade_no=${res.data.out_trade_no}`)
                }
            })
        }
      }
    });
});

后端PHP

<?php
// 获取用户的openid

$input = $request->only(['code']);

$response = getCurl("https://api.weixin.qq.com/sns/oauth2/access_token?appid={$this->appid}&secret={$this->secret}&code={$input['code']}&grant_type=authorization_code");

$openid = json_decode($response, true)['openid'];

// 返回openid
return jsonp([
    'code' => 200,
    'msg' => '获取成功',
    'data' => $openid
]);


// 封装的GET请求
function getCurl($url, $timeout = 5)
{
    $ch = curl_init();
    curl_setopt($ch, CURLOPT_URL, $url);
    curl_setopt($ch, CURLOPT_HEADER, 0);
    curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
    curl_setopt($ch, CURLOPT_TIMEOUT, $timeout);
    curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, FALSE);
    curl_setopt($ch, CURLOPT_SSL_VERIFYHOST, FALSE);
    $result = curl_exec($ch);
    curl_close($ch);

    return $result;
}

调用微信官网使用SDK得jsapi案例

<?php
// 仅仅用作展示，不可直接复制使用
require_once('../vendor/autoload.php');

use WeChatPay\Builder;
use WeChatPay\Formatter;
use WeChatPay\Crypto\Rsa;
use WeChatPay\Util\PemUtil;

// 接受参数，相当于原生的$_GET，这里会比h5支付多一个openid
$input = $request->only(['openid', 'name', 'total', 'description', 'phone']);

// 生成商户订单号
$out_trade_no = getOutTradeNo();

// 处理金额
// 由于微信使用的是分作为单位，所以前端传的是元的话，需要转换一下
$total = $input['total'] * 100;

// 商户号
$merchantId = '1xxxxxx1';

// 从本地文件中加载「商户API私钥」，「商户API私钥」会用来生成请求的签名
$merchantPrivateKeyFilePath = 'file://../cert/merchant/apiclient_key.pem';
$merchantPrivateKeyInstance = Rsa::from($merchantPrivateKeyFilePath, Rsa::KEY_TYPE_PRIVATE);

// 「商户API证书」的「证书序列号」
$merchantCertificateSerial = '1xxxxxxxxxxxxxxxxxxxxx91';

// 从本地文件中加载「微信支付平台证书」，用来验证微信支付应答的签名
$platformCertificateFilePath = 'file://../cert/wechatpay/wechatpay_4xxxxxxxxxxxxxxxxxxx9.pem';
$platformPublicKeyInstance = Rsa::from($platformCertificateFilePath, Rsa::KEY_TYPE_PUBLIC);

// 从「微信支付平台证书」中获取「证书序列号」
$platformCertificateSerial = PemUtil::parseCertificateSerialNo($platformCertificateFilePath);

// 构造一个 APIv3 客户端实例
$instance = Builder::factory([
    'mchid'      => $merchantId,
    'serial'     => $merchantCertificateSerial,
    'privateKey' => $merchantPrivateKeyInstance,
    'certs'      => [
        $platformCertificateSerial => $platformPublicKeyInstance,
    ],
]);


try {
    // 调用 transactions/jsapi 接口后会生成prepay_id
    $resp = $this->instance()
        ->chain('v3/pay/transactions/jsapi')
        ->post(['json' => [
            'mchid'        => $merchantId, // 商户号
            'out_trade_no' => $out_trade_no, // 商户订单号
            'appid'        => '********换成跟商户号绑定的公众号APPID**********',
            'description'  => $input['description'], //商品描述
            'notify_url'   => 'https://xxxxx/notify', // 用户支付后的回调地址，在这里修改订单的状态
            'amount' => [
                'total' => $total,
                'currency' => 'CNY'
            ],
            'payer' => [
                'openid' => $input['openid']
            ]
        ]]);
        
    // 需要根据prepay_id去生成加密的信息
    $prepay_id = json_decode($resp->getBody(), true)['prepay_id'];
    $sign = getSign($prepay_id);
        
   // 如果请求成功，需要将一些参数进行入库，这里仅作演示，非正式数据入库
   $response = Db::table('order')->insert([
       'openid' => $input['openid'],
       'name' => $input['name'],
       'description' => $input['description'],
       'total' => $input['total'],
       'phone' => $input['phone'],
       'trade_state' => 'START',
   ]);
   
   // 入库成功后，将跳转链接和订单号传给前端，前端拿到跳转地址跳转即可
   if($response) {
       return jsonp([
        'code' => 200,
        'msg' => '操作成功',
        'data' => [
              'out_trade_no' => $out_trade_no,
              'sign' => $sign
           ]
        ]);
   } else {
       return jsonp([
        'code' => 100,
        'msg' => '操作失败'
       ]);
   }
} catch (\Exception $e) {
    // 进行错误处理
    if ($e instanceof \GuzzleHttp\Exception\RequestException && $e->hasResponse()) {
        $r = $e->getResponse();
        echo $r->getBody(), PHP_EOL, PHP_EOL, PHP_EOL;
    }
}

// 获取加密参数
function getSign($prepay_id)
{
    $merchantPrivateKeyInstance = Rsa::from($this->merchantPrivateKeyFilePath);

    $params = [
        'appId' => $this->appid,
        'timeStamp' => (string)Formatter::timestamp(),
        'nonceStr' => Formatter::nonce(),
        'package' => 'prepay_id=' . $prepay_id,
    ];

    $params += ['paySign' => Rsa::sign(
        Formatter::joinedByLineFeed(...array_values($params)),
        $merchantPrivateKeyInstance
    ), 'signType' => 'RSA'];

    return $params;
}

十一、通用微信支付库封装

  • 由于直接使用微信的支付库，代码非常的匀余，所以封装了一个微信支付库
  • 由于只针对一些业务的 api封装，所以肯定不全，需要的可以自己添加需要的api
  • 微信支付API接口列表： https://pay.weixin.qq.com/wiki/doc/apiv3/apis/index.shtml
<?php
/**
 * User: tinygeeker
 * Desc: 微信支付库封装
 * Date: 2023/08/10
 */

namespace App;

use App\Helper;
use WeChatPay\Builder;
use WeChatPay\Formatter;
use WeChatPay\Crypto\Rsa;
use WeChatPay\Util\PemUtil;

class WxPay
{
    // appid
    private $appid;

    // 商户号
    private $merchantId;

    // 商户API私钥
    private $merchantPrivateKeyFilePath;

    // 证书序列号
    private $merchantCertificateSerial;

    // 微信支付平台证书
    private $platformCertificateFilePath;

    /**
     * @param $appid
     * @param $merchantId
     * @param $merchantCertificateSerial
     */
    public function __construct($appid = '', $merchantId = '', $merchantCertificateSerial = '')
    {
        $this->appid = $appid ?: '换成自己的APPID';
        $this->merchantId = $merchantId ?: '换成自己的商户号';
        $this->merchantCertificateSerial = $merchantCertificateSerial ?: '换成自己的证书序列号';

        $this->merchantPrivateKeyFilePath = 'file:///common/cert/merchant/apiclient_key.pem'; // 换成自己的
        $this->platformCertificateFilePath = 'file:///common/cert/wechatpay/wechatpay_xxx.pem'; // 换成自己的
    }

    /**
     * @return \WeChatPay\BuilderChainable
     */
    protected function instance()
    {
        $merchantPrivateKeyInstance = Rsa::from($this->merchantPrivateKeyFilePath, Rsa::KEY_TYPE_PRIVATE);
        $platformPublicKeyInstance = Rsa::from($this->platformCertificateFilePath, Rsa::KEY_TYPE_PUBLIC);

        $platformCertificateSerial = PemUtil::parseCertificateSerialNo($this->platformCertificateFilePath);

        $instance = Builder::factory([
            'mchid' => $this->merchantId,
            'serial' => $this->merchantCertificateSerial,
            'privateKey' => $merchantPrivateKeyInstance,
            'certs' => [
                $platformCertificateSerial => $platformPublicKeyInstance,
            ],
        ]);

        return $instance;
    }

    public function getSign($prepay_id)
    {
        $merchantPrivateKeyInstance = Rsa::from($this->merchantPrivateKeyFilePath);

        $params = [
            'appId' => $this->appid,
            'timeStamp' => (string)Formatter::timestamp(),
            'nonceStr' => Formatter::nonce(),
            'package' => 'prepay_id=' . $prepay_id,
        ];

        $params += ['paySign' => Rsa::sign(
            Formatter::joinedByLineFeed(...array_values($params)),
            $merchantPrivateKeyInstance
        ), 'signType' => 'RSA'];

        return $params;
    }

    public function checkOutTradeNo($out_trade_no)
    {
        try {
            $resp = $this->instance()
                ->v3->pay->transactions->outTradeNo->_out_trade_no_
                ->get([
                    // Query 参数
                    'query' => ['mchid' => $this->merchantId],
                    // 变量名 => 变量值
                    'out_trade_no' => $out_trade_no,
                ]);

            return $resp->getBody();
        } catch (\Exception $e) {
            // 进行错误处理
            echo $e->getMessage(), PHP_EOL;
            if ($e instanceof \GuzzleHttp\Exception\RequestException && $e->hasResponse()) {
                $r = $e->getResponse();
                echo $r->getStatusCode() . ' ' . $r->getReasonPhrase(), PHP_EOL;
                echo $r->getBody(), PHP_EOL, PHP_EOL, PHP_EOL;
            }
            echo $e->getTraceAsString(), PHP_EOL;
        }
    }
    
    // h5下单
    public function h5($total, $out_trade_no, $description, $notify_url)
    {
        try {
            $resp = $this->instance()
                ->chain('v3/pay/transactions/h5')
                ->post(['json' => [
                    'mchid' => $this->merchantId,
                    'out_trade_no' => $out_trade_no,
                    'appid' => $this->appid,
                    'description' => $description,
                    'notify_url' => $notify_url,
                    'amount' => [
                        'total' => $total,
                        'currency' => 'CNY'
                    ],
                    'scene_info' => [
                        'payer_client_ip' => Helper::getClientIp(),
                        'h5_info' => [
                            'type' => 'Wap'
                        ]
                    ]
                ]]);

            // 如果请求成功，需要将一些参数进行入库，这里仅作演示，非正式数据入库
            $response = Db::table('order')->insert([
                'name' => $input['name'],
                'description' => $input['description'],
                'total' => $input['total'],
                'phone' => $input['phone'],
                'trade_state' => 'START',
            ]);

            // 入库成功后，将跳转链接和订单号传给前端，前端拿到跳转地址跳转即可
            if($response) {
                return jsonp([
                    'code' => 200,
                    'msg' => '操作成功',
                    'data' => [
                        'out_trade_no' => $out_trade_no,
                        'h5_url' => json_decode($resp->getBody(), true)['h5_url']
                    ]
                ]);
            } else {
                return jsonp([
                    'code' => 100,
                    'msg' => '操作失败'
                ]);
            }
        } catch (\Exception $e) {
            // 进行错误处理
            echo $e->getMessage(), PHP_EOL;
            if ($e instanceof \GuzzleHttp\Exception\RequestException && $e->hasResponse()) {
                $r = $e->getResponse();
                echo $r->getStatusCode() . ' ' . $r->getReasonPhrase(), PHP_EOL;
                echo $r->getBody(), PHP_EOL, PHP_EOL, PHP_EOL;
            }
            echo $e->getTraceAsString(), PHP_EOL;
        }
    }
    
    // jsapi下单
    public function jsapi($openid, $total, $out_trade_no, $description, $notify_url)
    {
        try {
            $resp = $this->instance()
                ->chain('v3/pay/transactions/jsapi')
                ->post(['json' => [
                    'mchid' => $this->merchantId,
                    'out_trade_no' => $out_trade_no,
                    'appid' => $this->appid,
                    'description' => $description,
                    'notify_url' => $notify_url,
                    'amount' => [
                        'total' => $total,
                        'currency' => 'CNY'
                    ],
                    'payer' => [
                        'openid' => $openid
                    ]
                ]]);

            $prepayId = json_decode($resp->getBody(), true)['prepay_id'];
            return $this->getSign($prepayId);
        } catch (\Exception $e) {
            // 进行错误处理
            echo $e->getMessage(), PHP_EOL;
            if ($e instanceof \GuzzleHttp\Exception\RequestException && $e->hasResponse()) {
                $r = $e->getResponse();
                echo $r->getStatusCode() . ' ' . $r->getReasonPhrase(), PHP_EOL;
                echo $r->getBody(), PHP_EOL, PHP_EOL, PHP_EOL;
            }
            echo $e->getTraceAsString(), PHP_EOL;
        }
    }
    
// 回调处理，当用户支付订单后，微信会请求该接口，也就是上面在notify_url中填写的接口
// 在这里我们可以修改订单的状态啥的
public function notify()
{
    // 获取参数
    $inBody = file_get_contents('php://input');

    // APIv3密钥
    $apiv3Key = 'xxxxxxxxxxxx';

    // 转换通知的JSON文本消息为PHP Array数组
    $inBodyArray = (array)json_decode($inBody, true);

    // 加密文本消息解密
    $inBodyResource = AesGcm::decrypt(
        $inBodyArray['resource']['ciphertext'],
        $apiv3Key,
        $inBodyArray['resource']['nonce'],
        $inBodyArray['resource']['associated_data']
    );

    // 把解密后的文本转换为PHP Array数组
    $inBodyResourceArray = (array)json_decode($inBodyResource, true);

    try {
        //判断是否成功
        if ($inBodyResourceArray['trade_state'] == 'SUCCESS') {
	        // 获取订单信息
	        $order = Db::table('order')->where('out_trade_no', $inBodyResourceArray['out_trade_no'])->first();
	
	        Db::startTrans();
	        if ($order) {
	            // 修改order订单的状态
	            Db::table('order')->where('id', $order['id'])->update([
	                'openid' => $inBodyResourceArray['payer']['openid'],
	                'trade_state' => $inBodyResourceArray['trade_state']
	            ]);
	
	            Db::table('payment')->insert([
	                 'out_trade_no' => $inBodyResourceArray['out_trade_no'],
	                'transaction_id' => $inBodyResourceArray['transaction_id'],
	                'trade_type' => $inBodyResourceArray['trade_type'],
	                'trade_state' => $inBodyResourceArray['trade_state'],
	                'trade_state_desc' => $inBodyResourceArray['trade_state_desc'],
	                'total_amount' => $inBodyResourceArray['amount']['total'],
	                'bank_type' => $inBodyResourceArray['bank_type'],
	                'success_time' => strtotime($inBodyResourceArray['success_time'])
	            ]);
	
	            Db::commit();
	        } else {
	            Db::rollback();
	        }
        }
    } catch (\Exception $e) {
        Db::rollback();
    }
}
    
    
   // todo... 更多接口可根据官方文档列表自行添加
}

十二、通用方法封装

<?php
/**
 * User: tinygeeker
 * Desc: 工具库
 * Date: 2023/08/10
 */
 
namespace App;

class Helper
{
    /**
     * @return array|mixed|string|string[]
     */
    static public function getClientIP()
    {
        if (@$_SERVER["HTTP_ALI_CDN_REAL_IP"]) {
            $ip = $_SERVER["HTTP_ALI_CDN_REAL_IP"];
        } elseif (@$_SERVER["HTTP_X_FORWARDED_FOR"] ?: false) {
            $ips = explode(',', $_SERVER["HTTP_X_FORWARDED_FOR"]);
            $ip = $ips[0];
        } elseif (@$_SERVER["HTTP_CDN_SRC_IP"] ?: false) {
            $ip = $_SERVER["HTTP_CDN_SRC_IP"];
        } elseif (getenv('HTTP_CLIENT_IP')) {
            $ip = getenv('HTTP_CLIENT_IP');
        } elseif (getenv('HTTP_X_FORWARDED')) {
            $ip = getenv('HTTP_X_FORWARDED');
        } elseif (getenv('HTTP_FORWARDED_FOR')) {
            $ip = getenv('HTTP_FORWARDED_FOR');
        } elseif (getenv('HTTP_FORWARDED')) {
            $ip = getenv('HTTP_FORWARDED');
        } else {
            $ip = $_SERVER['REMOTE_ADDR'];
        }

        $ip = str_replace(['::ffff:', '[', ']'], ['', '', ''], $ip);
        return $ip;
    }

    /**
     * @param $length
     * @param $type
     * @return false|string
     */
    static public function createRandomStr($length = 32, $type = 0)
    {
        switch ($type) {
            case 1:
                $chars = '0123456789';
                break;
            case 2:
                $chars = 'abcdefghijklmnopqrstuvwxyz';
                break;
            case 3:
                $chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ';
                break;
            case 4:
                $chars = 'abcdefghijklmnopqrstuvwxyz0123456789';
                break;
            case 5:
                $chars = 'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ';
                break;
            default:
                $chars = 'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789';
                break;
        }

        return substr(str_shuffle($chars), 0, $length);
    }

    /**
     * @param $url
     * @param $timeout
     * @return bool|string
     */
    static public function getCurl($url, $timeout = 5)
    {
        $ch = curl_init();
        curl_setopt($ch, CURLOPT_URL, $url);
        curl_setopt($ch, CURLOPT_HEADER, 0);
        curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
        curl_setopt($ch, CURLOPT_TIMEOUT, $timeout);
        curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, FALSE);
        curl_setopt($ch, CURLOPT_SSL_VERIFYHOST, FALSE);
        $result = curl_exec($ch);
        curl_close($ch);

        return $result;
    }

    /**
     * @param $url
     * @param $data
     * @param $header
     * @param $timeout
     * @return bool|string
     */
    static public function postCurl($url, $data, $header = [], $timeout = 5)
    {
        $ch = curl_init();
        curl_setopt($ch, CURLOPT_URL, $url);
        if ($header) {
            curl_setopt($ch, CURLOPT_HTTPHEADER, $header);
        }
        curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
        curl_setopt($ch, CURLOPT_POST, 1);
        curl_setopt($ch, CURLOPT_POSTFIELDS, $data);
        curl_setopt($ch, CURLOPT_TIMEOUT, $timeout);
        curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, FALSE);
        curl_setopt($ch, CURLOPT_SSL_VERIFYHOST, FALSE);
        $result = curl_exec($ch);
        curl_close($ch);

        return $result;
    }
}
码农PHP666
关注
  • 23
    点赞
  • 踩
  • 23
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
微信支付（H5支付。微信公众号支付）
06-20
公众号支付是指用户在微信中打开商户的H5页面，商户在H5页面通过调用微信支付提供的JSAPI接口调起微信支付模块来完成支付。 适用于在公众号、朋友圈、聊天窗口等微信内完成支付的场景。 APP支付是指商户通过在移动端应用APP中集成开放SDK调起微信支付模块来完成支付。 适用于在移动端APP中集成微信支付功能的场景。
微信jsapi 调用分享接口(完整版)
qq_36349616的博客
09-09 9508
1.测试环境 申请测试账号 地址: https://mp.weixin.qq.com/debug/cgi-bin/sandboxinfo?action=showinfo&t=sandbox/index 填写内容: ①:接口配置信息 url:配置http://+域名或者http://+外网ip也可以 token:自定义(任意) ...
微信公众号-JSAPI支付（保姆级教程）
qq_43890604的博客
03-22 1535
微信公众号-JSAPI支付
支持H5、微信小程序支付SDK
01-09
JSPAI微信支付，支持H5、微信小程序支付SKD 微信支付代码包含回调逻辑，只需要把appid、密钥、回调地址等一些信息做好配置即可飞快跑起来。
微信支付（JSAPI）DEMO
11-03
此为微信支付的Demo，后台是JAVA实现，前台主要调起微信支付接口JSAPI进行微信支付，但要在微信端的浏览器哦。
vue项目前端微信JSAPI与外部H5支付相关实现过程及常见问题
11-20
web端的微信支付可分为JSAPI与H5 JSAPI使用场景为微信内部，而H5支付则是使用在非微信下的外部浏览器。 1.JSAPI 在微信内部可以直接唤起微信浏览器的内置对象 WeixinJSBridge 废话不多说直接上代码： // 调用后端接口拿到JSAPI支付所需参数，我在beforeRouteEnter的时候调用。 api.apply.jsApiPay(obj).then(res => { if (res.data.code === '0000') { vm.params = res.data.bean } else { alert('
微信支付——微信H5支付实战教程（微信支付v3版本java）
热门推荐
小甘说码的博客
11-07 1万+
微信支付——微信H5支付下单实战教程（微信支付v3版本java）
微信h5支付开发-php开发微信h5支付demo
01-11
会员免费看，http://edu.csdn.net/lecturer/842右侧可办理会员卡。微信h5支付开发是子恒老师《子恒说微信开发》视频教程的第17部。详细讲解了微信H5支付开发，内容包含开通H5支付，实现微信h5支付，订单查询，关闭订单等等。欢迎反馈，微信号：QQ68183131
微信公众号js支付开发注意点
Less is more
06-13 689
js-sdk文档地址1.配置js-sdk 域名，登录微信公众号 2.页面引用 微信js文件 3.回调设置js-sdk的值 wx.config ({ debug: false, appId: data.appId, // 必填，公众号的唯一标识 timestamp:
前端实现微信支付（H5，微信小程序）
Ak47a7的博客
04-17 9027
前端实现微信支付（H5，微信小程序）
记录--H5页面对接微信支付踩坑杂记
林恒的博客
09-15 1253
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 背景 应用背景：vite搭建的vue3项目 需求背景：功能都涉及了支付业务，故需要和外部支付系统对接 外部支付系统：聚合支付、微信小程序支付、微信H5支付 目录 读完本文，你将会对以下几个坑点有所了解： 对接第三方服务商过程踩坑 对接小程序支付踩坑 对接微信H5支付踩坑 关于客户端页面的H5支付踩坑 一、 对接第三方服...
微信支付源码包含JSAPI、APP、小程序、PC端扫码、H5
11-18
微信各种支付demo源码，包含JSAPI、APP、小程序、H5、PC端扫码支付，调用方法WxpayUtil.payOrderContrast
uniapp H5集成微信JS支付
03-26
uni-app框架下，开发H5，集成微信JS API支付，安装指定的，jweixin-module之后调用方法关键代码，搞了一星期，终于都搞明白，很简单，一看就懂了。
JSP微信公众号支付（JSAPI）
08-01
通过H5调用微信支付 ，JSP版，共6个文件，3个JSP，1个CSS，1个JAR包（MD5运算用）1个详细说明文档DOCX
微信支付 微信H5/pc版 jsapi
11-20
针对2015版本的小改动，注释完整，通俗易懂，ssh spring mvc，servlet 都可用，无BUG，有微信公众号配置说明，微信h5，手机网页微信支付 ，pc 电脑包扫码支付。
uniapp jsapi 微信支付
12-15
uni-app框架下，开发H5，集成微信JS API支付，调用之前需要安装jweixin-module。代码已经封装好，下载就能用
微信支付如何实现内置浏览器的H5页面支付
11-26
因为项目需要，要在H5页面中加入微信支付，所以便去尝试，只想说真的很坑，尤其调试起来不方便 这是微信的官方API文档 微信API 微信支付的准备工作 申请公众号，申请开通支付，这个很简单，自行百度 申请好之后 在...
tp5 微信支付 JSAPI支付接口 下载即用
12-15
封装好的微信JSAPI支付接口 下载放到项目里就能用
冒险岛群聊机器人 蠢猫（无视计算 星之力计算 世界组队表 占卜 怪物查询）.zip
最新发布
05-05
无人机最强算法源码，易于部署和学习交流使用
uniapp h5 微信支付jsapi
07-19
### 回答1： Uniapp是一种跨平台的开发框架，可以用于同时开发iOS、Android和H5应用。而H5是指在网页上运行的应用程序。微信支付JSAPI是微信提供的一种支付接口，通过调用JSAPI接口，可以在H5应用中实现微信支付功能。 在Uniapp中使用微信支付JSAPI，可以通过以下步骤进行操作： 1. 首先，在Uniapp项目中引入微信支付的相关配置文件和SDK库文件。 2. 在需要使用微信支付的页面中，引入微信支付的JS文件，并初始化微信支付参数。支付参数包括商户号、appid、签名等信息。 3. 创建统一下单接口的后端处理程序，用于生成预支付订单并返回支付预处理参数给前端。 4. 在支付页面中，调用微信支付JSAPI的方法，传入预支付处理参数和支付回调方法。 5. 当用户点击支付按钮后，会弹出微信支付界面，用户可以选择支付方式进行支付操作。 6. 支付成功后，微信会将支付结果返回给前端，并通过支付回调方法进行处理，可以展示支付成功的提示信息和更新订单状态等操作。 需要注意的是，使用微信支付JSAPI需要在微信开放平台上注册并申请相关的权限。同时，在使用过程中，还需要确保支付参数的正确性、支付安全性和业务逻辑的完善性。 总之，Uniapp可以很好地支持H5应用中的微信支付JSAPI，通过合理的配置和调用，可以方便地在H5应用中实现微信支付功能，为用户提供更加便捷的支付体验。 ### 回答2： Uniapp是一款跨平台的应用开发框架，可以让开发者使用Vue.js语法来开发同时兼容多个平台的应用程序。Uniapp支持在H5平台中使用微信支付JSAPI。 微信支付JSAPI是微信提供的一组用于在网页中实现微信支付功能的JavaScriptAPI接口。通过调用微信支付JSAPI，开发者可以在H5页面中调起微信支付功能，用户可以使用微信支付完成支付操作。 在Uniapp中使用微信支付JSAPI，首先需要引入微信支付的JS文件。可以在页面的头部引入：<script src="https://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>。 然后，在需要使用微信支付的地方，可以通过uni.request方法向服务器请求获取支付参数。获取到支付参数后，可以使用wx.requestPayment方法调起微信支付界面，并传入支付参数。支付成功后，微信会返回支付结果给开发者的回调函数，开发者可以在回调函数中处理支付结果。 需要注意的是，在使用微信支付JSAPI的过程中需要保证支付参数的安全性，避免支付参数被恶意篡改。通常可以在服务器端生成支付参数，并通过服务器端返回给前端，以确保支付参数的安全性。 总结起来，Uniapp可以在H5平台中使用微信支付JSAPI来实现微信支付功能，开发者需要引入微信支付的JS文件，通过uni.request方法获取支付参数，调用wx.requestPayment方法调起支付，处理支付结果的回调函数，并确保支付参数的安全性。 ### 回答3： Uniapp 是一款跨平台开发框架，可以同时开发小程序、H5 和APP。Uniapp 提供了对微信支付的支持，可以使用微信支付的 JSAPI（JavaScript API）来进行支付功能的开发。 Uniapp H5 微信支付 JSAPI 的实现过程如下： 1. 首先，需要在微信支付商户平台上注册并获取到自己的商户号（mch_id），同时生成随机字符串（nonce_str）和当前时间戳（timestamp）。 2. 接下来，在前端页面中引入微信支付的 JS 文件，可以通过在页面头部添加以下代码进行引入： ``` <script src="https://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script> ``` 3. 在页面中设置要支付的订单信息，包括订单号（out_trade_no）、订单总金额（total_fee）等，并将这些信息以及商户号、随机字符串和时间戳等传递给后端服务器。 4. 后端服务器在接收到前端传递的支付信息后，根据微信支付 API 的要求，生成签名（sign）并返回给前端。 5. 前端页面收到后端返回的签名后，调用微信支付的 JSAPI 方法，传入订单信息和签名等参数，即可发起支付请求。 6. 微信客户端会弹出支付窗口，用户输入密码或进行指纹验证后，支付完成。 注意事项： - 在使用 Uniapp 进行微信支付开发时，需要确保页面已经获得了微信公众号的授权，因为微信支付是需要通过公众号的权限进行的。 - 需要合理处理支付结果的回调，根据支付结果进行相应的处理，如跳转到支付成功页面或给予支付失败的提示等。 通过使用 Uniapp H5 微信支付 JSAPI，我们可以方便地在 Uniapp 框架下进行微信支付的开发，实现支付功能的需求。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值