详解用vue.js和laravel实现微信支付

2020-06-13 10:27:52易采站长站整理

注:此项是微信公众号开发,请在往下看之前,先实现网页微信授权登陆功能,具体参看我简书的另一篇文章://www.jb51.net/article/117004.htm

1.打开app/config/wechat.php,配置微信支付参数:


/*
* 微信支付
*/
'payment' => [
'merchant_id' => env('WECHAT_PAYMENT_MERCHANT_ID', 'your-mch-id'),//商家号ID,请将其放在.env文件中
'key' => env('WECHAT_PAYMENT_KEY', 'key-for-signature'),//商家支付key,请将其放在.env文件中
'cert_path' => env('WECHAT_PAYMENT_CERT_PATH', storage_path('app/public/apiclient_cert.pem')), //微信支付证书apiclient_cert.pem的绝对路径,我放在storage/app/public/下
'key_path' => env('WECHAT_PAYMENT_KEY_PATH', storage_path('app/public/apiclient_key.pem')), //微信支付证书apiclient_key.pem的绝对路径,我放在storage/app/public/下径
// 'device_info' => env('WECHAT_PAYMENT_DEVICE_INFO', ''),
// 'sub_app_id' => env('WECHAT_PAYMENT_SUB_APP_ID', ''),
// 'sub_merchant_id' => env('WECHAT_PAYMENT_SUB_MERCHANT_ID', ''),
// ...
],

以上参数,请依照自己的情况配置,请勿直接拷贝代码!

2.配置微信支付和回调路由


//以下路由我放在api.php路由里,如果你放在web.php路由,请自行调整!
Route::middleware('api')->post('wxpay','BillsController@wxpay');
Route::middleware('api')->post('wx_notify','BillsController@wxnotify');

3.在相应的控制器里创建wxpay的方法


/**
* 这是我自己项目的内部代码示例,具体根据自己的业务逻辑调整,切不可直接拷贝!
*/
public function wxpay(Request $request)
{
//本实例传递的参数为user_id 和 broadcast_id,具体
if($request->has('user_id') && $request->has('broadcast_id')){
$out_trade_no = md5(Carbon::now().str_random(8));
$user_id = $request->get('user_id');
$broadcast_id = $request->get('broadcast_id');
$num = $request->get('num');
$flag = $request->get('flag');

$openid = $this->user->getOpenid($user_id);
$broadcast = $this->broadcast->getById($broadcast_id);
$speaker_id = $broadcast->speaker_id;
$body = $broadcast->title;
$detail = '';
$paid_at = null;

$status = 'pre_paid';
$amount = ($broadcast->price)*$num;

$attributes = [
'trade_type' => 'JSAPI', // JSAPI,NATIVE,APP...
'body' => $body,
'detail' => $detail,
'out_trade_no' => $out_trade_no,
'total_fee' => $amount, // 单位:分