「支付专题」微信支付如何接入webman-admin开源管理后台

介绍

这篇文章主要为大家详细介绍微信支付如何接入开源管理后台webman-admin开发教程

必须申请开通微信支付

  • 微信支付官方地址:https://pay.weixin.qq.com/index.php/core/home/login?return_url=%2F
  • 申请指引:https://pay.weixin.qq.com/index.php/public/bare_applyment/login4bank

支付流程

接入流程

「支付专题」微信支付如何接入webman-admin开源管理后台

1. 登录商户

登录微信商户平台:https://pay.weixin.qq.com

2. 获取商户号

「支付专题」微信支付如何接入webman-admin开源管理后台

3. 添加支付授权域名目录

「支付专题」微信支付如何接入webman-admin开源管理后台

授权域名格式:http://域名/

「支付专题」微信支付如何接入webman-admin开源管理后台

注意:域名最后的斜杠绝不能少

4. 若提示没有安装证书,请安装证书

按照提示语按照即可

5. 配置API安全

「支付专题」微信支付如何接入webman-admin开源管理后台

6. 申请API证书

注意:以前申请过的,并且可以找到的,直接跳过。找不到的,点击更换证书

「支付专题」微信支付如何接入webman-admin开源管理后台

7. 生成API证书

「支付专题」微信支付如何接入webman-admin开源管理后台

8. 下载至本地安装

「支付专题」微信支付如何接入webman-admin开源管理后台
「支付专题」微信支付如何接入webman-admin开源管理后台

9. 商户号和商户名称

对照检查商户号和商户名称是否为你当前配置帐号信息,确定无误后点击“下一步”

「支付专题」微信支付如何接入webman-admin开源管理后台

10. 复制证书内容

点击工具右侧「复制」

「支付专题」微信支付如何接入webman-admin开源管理后台

11. 打开商户平台(切换为浏览器)

「支付专题」微信支付如何接入webman-admin开源管理后台

12. 复制证书串

「支付专题」微信支付如何接入webman-admin开源管理后台

13. 切换至证书工具

「支付专题」微信支付如何接入webman-admin开源管理后台

14. 查看证书文件夹

「支付专题」微信支付如何接入webman-admin开源管理后台

15. 建议复制证书

建议复制证书,保存到的资料文件夹。证书为 _cert.zip 结尾压缩包。

「支付专题」微信支付如何接入webman-admin开源管理后台

16.解压证书压缩包

解压证书压缩包,得到文件(暂时不用管,后面会用到

「支付专题」微信支付如何接入webman-admin开源管理后台

17. 配置API秘钥(点击设置秘钥)

「支付专题」微信支付如何接入webman-admin开源管理后台

18.设置秘钥

设置秘钥,包含随机大小写字母、数字组合,32位。(记得保存)【不会的可以在 https://suijimimashengcheng.51240.com 里选择32位,随机生成,然后复制,在过来粘贴。】

支付相关配置完成,记得保存相关资料。

支付

安装依赖

composer require yansongda/pay ^3.0.0

配置文件

假设有以下配置文件 config/payment.php

<?php
/**
 * @desc 支付配置文件
 * @author Tinywan(ShaoBo Wan)
 * @date 2023/4/5 13:51
 */

declare(strict_types=1);

return [
    'wechat' => [
        'default' => [
            // 必填-商户号,服务商模式下为服务商商户号
            // 可在 https://pay.weixin.qq.com/ 账户中心->商户信息 查看
            'mch_id' => '12312312321',
            // 必填-商户秘钥
            // 即 API v3 密钥(32字节,形如md5值),可在 账户中心->API安全 中设置
            'mch_secret_key' => '3324324reewrwerew',
            // 必填-商户私钥 字符串或路径
            // 即 API证书 PRIVATE KEY,可在 账户中心->API安全->申请API证书 里获得
            // 文件名形如:apiclient_key.pem
            'mch_secret_cert' => public_path().'/cert/wechat/apiclient_key.pem',
            // 必填-商户公钥证书路径
            // 即 API证书 CERTIFICATE,可在 账户中心->API安全->申请API证书 里获得
            // 文件名形如:apiclient_cert.pem
            'mch_public_cert_path' => public_path().'/cert/wechat/apiclient_cert.pem',
            // 必填-微信回调url
            // 不能有参数,如?号,空格等,否则会无法正确回调
            'notify_url' => 'http://webman.tinywan.com/gateway/payment/wechat-notify',
            'return_url' => 'http://webman.tinywan.com/index',
            // 选填-公众号 的 app_id
            // 可在 mp.weixin.qq.com 设置与开发->基本配置->开发者ID(AppID) 查看
            'mp_app_id' => 'dsfdsfdsfdsdfdsafds',
            // 选填-小程序 的 app_id
            'mini_app_id' => '',
            // 选填-app 的 app_id
            'app_id' => '',
            // 选填-合单 app_id
            'combine_app_id' => '',
            // 选填-合单商户号
            'combine_mch_id' => '',
            // 选填-服务商模式下,子公众号 的 app_id
            'sub_mp_app_id' => '',
            // 选填-服务商模式下,子 app 的 app_id
            'sub_app_id' => '',
            // 选填-服务商模式下,子小程序 的 app_id
            'sub_mini_app_id' => '',
            // 选填-服务商模式下,子商户id
            'sub_mch_id' => '',
            // 选填-微信平台公钥证书路径, optional,强烈建议 php-fpm 模式下配置此参数
            'wechat_public_cert_path' => [
                '45F59D4DABF31918AFCEC556D5D2C6E376675D57' => __DIR__.'/Cert/wechatPublicKey.crt',
            ],
            // 选填-默认为正常模式。可选为: MODE_NORMAL, MODE_SERVICE
            'mode' => YansongdaPayPay::MODE_NORMAL,
        ]
    ],
    'unipay' => [
        'default' => [
            // 必填-商户号
            'mch_id' => '777290058167151',
            // 必填-商户公私钥
            'mch_cert_path' => __DIR__.'/Cert/unipayAppCert.pfx',
            // 必填-商户公私钥密码
            'mch_cert_password' => '000000',
            // 必填-银联公钥证书路径
            'unipay_public_cert_path' => __DIR__.'/Cert/unipayCertPublicKey.cer',
            // 必填
            'return_url' => 'https://yansongda.cn/unipay/return',
            // 必填
            'notify_url' => 'https://yansongda.cn/unipay/notify',
        ],
    ],
    'logger' => [
        'enable' => true,
        'file' => runtime_path().'/logs/pay.log',
        'level' => 'debug'// 建议生产环境等级调整为 info,开发环境为 debug
        'type' => 'single'// optional, 可选 daily.
        'max_file' => 30// optional, 当 type 为 daily 时有效,默认 30 天
    ],
    'http' => [ // optional
        'timeout' => 5.0,
        'connect_timeout' => 5.0,
    ],
];

注意:证书目录放在的框架的 public公共目录下

webman.tinywan.com/public$ tree -L 4
.
├── 404.html
├── cert
│   └── wechat
│       ├── apiclient_cert.p12
│       ├── apiclient_cert.pem
│       ├── apiclient_key.pem
│       └── 证书使用说明.txt

使用

初始化

直接调用 config 方法初始化

// 获取配置文件 config/payment.php
Pay::config(config('payment'));

注意:这里使用「微信公众号」进行支付

支付(微信公众号支付)

「服务端接口代码」

use supportRequest;
use WebmanConfig;
use YansongdaPayPay;

/**
 * @desc: 公众号支付
 * @param Request $request
 * @return Response
 * @author Tinywan(ShaoBo Wan)
 */

public function recharge(Request $request)Response
{
    // 1. 订单预备订单
    $user['username'] = 'Tinywan';
    // 这个根据微信授权获取
    $user['openid'] = 'fsdfsd342343241231fdsfsdafsd';
    $order_sn = time();
    $totalAmount = 0.01;
    $discountAmount = 0;
    $payAmount = $totalAmount - $discountAmount;

    // 2. 支付开始预备订单
    Pay::config(config('payment'));
    $preOrder = [
        'out_trade_no' => $order_sn,
        'description' => $user['username'].',充值开源技术小栈',
        'amount' => [
            'total' => $payAmount * 100// 分
        ],
        'payer' => [
            'openid' => $user['openid']
        ],
    ];
    // 公众号支付
    $wechatRes = Pay::wechat()->mp($preOrder);
}

路由地址为:/test/recharge

前端JS代码」

<!-- 引入 layui.css -->
<link rel="stylesheet" href="https://www.layuicdn.com/layui-v2.7.6/css/layui.css">
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
<script src="https://www.layuicdn.com/layui-v2.7.6/layui.js"></script>
<script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
<script>
    let paySign;
    let appId;
    let timeStamp;
    let nonceStr;
    let packageStr;
    let signType;
    // 触发支付
    layui.use(['form'], function ({
        var form = layui.form, layer = layui.layer;
        //监听提交
        form.on('submit(submit)'function (data{
            $.ajax({
                type"post",
                dataType"json",
                data: {
                    openId"{$openid}",
                    score100,
                    money10
                },
                url"/test/recharge",
                asyncfalse,
                successfunction (data{
                    if (data.code === 0) {
                        appId = data.data.appId;
                        paySign = data.data.paySign;
                        timeStamp = data.data.timeStamp;
                        nonceStr = data.data.nonceStr;
                        packageStr = data.data.package;
                        signType = data.data.signType;
                        callpay();
                    } else {
                        layer.msg("下单失败请稍后再重试", {
                            time50000,
                        });
                        return false;
                    }
                },
                errorfunction ({
                    layer.alert('系统异常')
                }
            });
            return false;
        });
    });

    /**
     * @desc 下单成功后调用 调用微信的支付界面
     * @author Tinywan(ShaoBo Wan)
     */

    function callpay({
        console.log('调用微信的支付界面')
        if (typeof WeixinJSBridge == "undefined") {
            console.log('undefinedundefinedundefined');
            if (document.addEventListener) {
                document.addEventListener('WeixinJSBridgeReady', onBridgeReady, false);
            } else if (document.attachEvent) {
                document.attachEvent('WeixinJSBridgeReady', onBridgeReady);
                document.attachEvent('onWeixinJSBridgeReady', onBridgeReady);
            }
        } else {
            onBridgeReady();
        }
    }

    /**
     * @desc 下面两个方法都是固定写法 调用微信自带的支付界面
     * @author Tinywan(ShaoBo Wan)
     */

    function onBridgeReady({
        WeixinJSBridge.invoke(
            'getBrandWCPayRequest', {
                "appId": appId,     //公众号名称,由商户传入
                "paySign": paySign,         //微信签名
                "timeStamp": timeStamp, //时间戳,自1970年以来的秒数
                "nonceStr": nonceStr, //随机串
                "package": packageStr,  //预支付交易会话标识
                "signType": signType     //微信签名方式
            },
            function (res{
                if (res.err_msg === "get_brand_wcpay_request:ok") {
                    window.location.href = 'http://webman.tinywan.com/user/home'
                } else if (res.err_msg === "get_brand_wcpay_request:cancel") {
                    window.location.href = 'http://webman.tinywan.com/user/recharge?openid={$openid}';
                } else if (res.err_msg === "get_brand_wcpay_request:fail") {
                    window.location.href = 'http://webman.tinywan.com/user/home?openid={$openid}';
                }
            }
        );
    }
</script>

异步回调

use supportRequest;
use WebmanConfig;
use YansongdaPayPay;

/**
 * @desc:『微信』异步通知
 * @param Request $request
 * @return string
 */

public function wechatNotify(Request $request)string
{
    Pay::config(Config::get('payment'));
    $result = Pay::wechat()->callback($request->post());

    // 接受回调信息
    $openid = $result['resource']['ciphertext']['payer']['openid'];
    $mchid = $result['resource']['ciphertext']['mchid'];
    $thirdSn = $result['resource']['ciphertext']['transaction_id'];
    $outTradeNo = $result['resource']['ciphertext']['out_trade_no'];
    $tradeState= $result['resource']['ciphertext']['trade_state'];
    $totalAmount = bcdiv((string) $result['resource']['ciphertext']['amount']['total'], '100'2);

    // 异步响应
    $success = Pay::wechat()->success()->getBody()->getContents();
    return $success;
}

注意:这里异步接受请求方式为 POST 请求方式。

「异步参数接受数据」

{
    "id""1f5c3fb7-4f13-5069-a3fc-5708e98a4c1d",
    "create_time""2023-11-05T19:30:16+08:00",
    "resource_type""encrypt-resource",
    "event_type""TRANSACTION.SUCCESS",
    "summary""支付成功",
    "resource": {
        "original_type""transaction",
        "algorithm""AEAD_AES_256_GCM",
        "ciphertext": {
            "mchid""1643333333427",
            "appid""wxd39133333333ae28e1",
            "out_trade_no""20231103333333331181193183",
            "transaction_id""42000033333333334559785",
            "trade_type""JSAPI",
            "trade_state""SUCCESS",
            "trade_state_desc""支付成功",
            "bank_type""OTHERS",
            "attach""",
            "success_time""2023-11-05T19:30:16+08:00",
            "payer": {
                "openid""oyRe_1DFDSFSDFSDFSDFrY"
            },
            "amount": {
                "total"100,
                "payer_total"100,
                "currency""CNY",
                "payer_currency""CNY"
            }
        },
        "aSSOciated_data""transaction",
        "nonce""d8bcd7PDSFSDF2"
    }
}

支付结果

「支付专题」微信支付如何接入webman-admin开源管理后台

日志

所有相关支付日志多存储在 项目目录/runtime/logs/pay.log文件中「支付专题」微信支付如何接入webman-admin开源管理后台


原文始发于微信公众号(开源技术小栈):「支付专题」微信支付如何接入webman-admin开源管理后台

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

文章由极客之音整理,本文链接:https://www.bmabk.com/index.php/post/248158.html

(0)
李, 若俞的头像李, 若俞

相关推荐

发表回复

登录后才能评论
极客之音——专业性很强的中文编程技术网站,欢迎收藏到浏览器,订阅我们!