#### 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" } ```