#### 1. 前言 --- 公众号网页中调起微信支付，常用的支付类型就是 JSAPI 准备工作： 1、公众号：APPID、配置网页授权域名（设置与开发-公众号设置-网页授权域名） 2、微信商户号：关联公众号，商户号ID、商户API密钥、JSAPI支付授权目录 补充：微信支付不需要商户证书文件，在企业付款到零钱、退款等敏感操作才使用到证书 安装 easywechat 4.x 版本，PHP版本要求 7.0.+ ```html composer require overtrue/wechat:~4.0 ``` #### 2. 获取微信支付实例 ---- 微信支付配置：[https://easywechat.com/docs/4.x/payment/index](https://easywechat.com/docs/4.x/payment/index) ``` use EasyWeChat\Factory; $config = [ // 支付所需配置 'app_id' => 'xxxx',//公众号APPID 'mch_id' => 'your-mch-id',//商户号ID 'key' => 'key-for-signature',// 商户号API 密钥 'notify_url' => '默认的订单回调地址',// 你也可以在下单时单独设置来想覆盖它 ]; $app = Factory::payment($config); ``` #### 3. 统一下单，生成预支付交易单 --- 统一下单：[https://easywechat.com/docs/4.x/payment/order](https://easywechat.com/docs/4.x/payment/order) JSAPI 支付官方开发文档：[https://pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=9_1](https://pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=9_1) ``` $result = $app->order->unify([ 'body' => '腾讯充值中心-QQ会员充值',//商品名称 'out_trade_no' => '20150806125346', // 商家订单号(自己生成随机订单号) 'total_fee' => 88, // 支付金额,单位:分 'notify_url' => 'https://pay.weixin.qq.com/wxpay/pay.action', // 支付结果通知网址 'trade_type' => 'JSAPI', // 请对应换成你的支付方式对应的值类型 'openid' => 'oUpF8uMuAJO_M2pxb1Q9zNjWeS6o', ]); if (isset($result['result_code']) && $result['result_code'] === 'SUCCESS') { // 预支付交易单生成成功 $prepayId = $result['prepay_id']; } else { // 预支付交易单生成失败 } ``` 返回结果示例：预支付交易单生成成功 ```php [ "return_code" => "SUCCESS" "return_msg" => "OK" "result_code" => "SUCCESS" "mch_id" => "1491118112" "appid" => "wx4f54d5e8808e0b5e" "nonce_str" => "PZ9DbpDDTjlan3rQ" "sign" => "C3CBC4D8D94D310C0DA5B31BA3C20E69" "prepay_id" => "wx191119031406819681e5d74f3761470000" "trade_type" => "JSAPI" ] ``` 预支付交易单生成失败 ```php [ "return_code" => "SUCCESS" "return_msg" => "OK" "result_code" => "FAIL" "err_code_des" => "无效的openid" "err_code" => "PARAM_ERROR" "mch_id" => "1491118112" "appid" => "wx4f54d5e8808e0b5e" "nonce_str" => "20GD48pP9GlPJVSt" "sign" => "782E4BE6B6559ECE250689E65A7BB935" ] ``` #### 4. 生成支付 JS 配置 ---- 生成支付 JS 配置（三种发起方式）：[https://easywechat.com/docs/4.x/payment/jssdk](https://easywechat.com/docs/4.x/payment/jssdk) 以 `WeixinJSBridge.invoke()` 为例 ``` $json = $jssdk->bridgeConfig($prepayId); ``` $json 是一个json字符串，示例值如下 ``` { "appId": "wx4f54d5e8808e0b5e", "timeStamp": "1624082215", "nonceStr": "60cd87271f9dc", "package": "prepay_id=wx191356511785218014f91263552d430000", "signType": "MD5", "paySign": "9A06CA325371AA7EC627BEFF34AA0325" } ```