依赖 EasyWechat

先在 laravel 项目中依赖 easywechat 这个包

composer require "overtrue/laravel-wechat":"^4.0"

配置

在 .env 中添加微信支付的 key 配置

WECHAT_PAYMENT_SANDBOX=falseWECHAT_PAYMENT_APPID=wx64c***WECHAT_PAYMENT_MCH_ID=150***WECHAT_PAYMENT_KEY=ZZDDD***WECHAT_PAYMENT_CERT_PATH=/home/secret/apiclient_cert.pemWECHAT_PAYMENT_KEY_PATH=/home/secret/apiclient_key.pemWECHAT_PAYMENT_NOTIFY_URL=https://www.mysite.com/gateway/wxpay/callback

如果你需要额外的配置，可以运行 php artisan vendor:publish --provider="Overtrue\LaravelWeChat\ServiceProvider" ，然后在 config/wechat.php 中可以看到 easywecaht 可以支持的全部配置。

编写接口逻辑

新建一个 App/Repositories/PayRepository.php


    wxpay = app('easywechat.payment');        $unify = $this->wxpay->order->unify([            'body' => $this->transfer->name . ' ' . $this->tickets->count() . '张票',            'out_trade_no' => '订单号',            'total_fee' => bcmul('价格：单位元', 100),            'trade_type' => 'JSAPI',            'openid' => $user->openid, // 用户的openid        ]);        if ($unify['return_code'] === 'SUCCESS' && !isset($unify['err_code'])) {            $pay = [                'appId' => config('wechat.payment.default.app_id'),                'timeStamp' => (string) time(),                'nonceStr' => $unify['nonce_str'],                'package' => 'prepay_id=' . $unify['prepay_id'],                'signType' => 'MD5',            ];            $pay['paySign'] = generate_sign($pay, config('wechat.payment.default.key'));            return $pay;        } else {            $unify['return_code'] = 'FAIL';            return $unify;        }    }}

新建一个 App/Http/Controllers/PayController.php


    pay_repository = $pay_repository;    }    /**     * 微信支付     *     * @return Response     */    public function pay()    {        $user = auth()->user();        $pay = $this->pay_repository->pay($user);        return Response::success(['pay' => $pay]);    }}

绑定路由 routes/api.php


    name('pay');

编写JS逻辑

在页面 JS 里面编辑支付逻辑

onPay: function (e) {        wx.request({            url: '/api/buy/pay',            method: 'POST',            success: (res) => {                if (res.data.pay.result_code != 'SUCCESS') {                    return wx.showModal({                        content: res.data.pay.return_msg + res.data.pay.err_code_des,                        showCancel: false                    });                }                res.data.pay.success = (res) => {                    wx.showModal({                        content: '您已成功支付',                        showCancel: false                    });                };                res.data.pay.fail = (res) => {                    if (res.errMsg == 'requestPayment:fail cancel') {                        return wx.showToast({                            icon: 'none',                            title: '用户取消支付',                        });                    }                };                wx.requestPayment(res.data.pay);            }        });    },

在页面按钮上调用