简体中文（ZH-CN）English（EN）繁体中文（ZH-TW）日本語（JA）한국어（KO）Melayu（MS）Français（FR）Deutsch（DE）
Home
Article
Q&A
Course
Topic
Download
Game
Dictionary
Recent Updates

博客列表 >laravel 商城微信支付对接

laravel 商城微信支付对接

我是郭富城
我是郭富城原创
2020年07月06日 04:23:591355浏览

1. 功能演示

http://pay.aoebbs.cn/shop/detail?proid=1

2. 微信官方设置

2.1 微信支付，开通对应的支付功能


2.2 微信公众号添加ip白名单

3. 商城控制器源码

  1. <?php
  3. namespace App\Http\Controllers;
  5. use Illuminate\Http\Request;
  6. use Illuminate\Support\Facades\DB;
  7. use Illuminate\Support\Facades\Auth;
  9. class Shop extends Controller
  10. {
  11.     //商城首页
  12.     public function index() {
  13.         $member = Auth::guard('member')->user();
  14.         $data['member'] = $member;
  15.         $data['lists'] = DB::table('product')->where('status',1)->lists();
  16.         return view('shop/index',$data);
  17.     }
  19.     // 商城列表页
  20.     public function lists() {
  21.         return view('shop/lists');
  22.     }
  24.     // 商城详情页
  25.     public function detail(Request $request) {
  26.         $member = Auth::guard('member')->user();
  27.         // echo '<pre>';
  28.         // var_dump($member);
  29.         // exit();
  30.         $proid=(int)$request->proid;
  31.         $data['item'] = DB::table('product')->where('id',$proid)->item();
  32.         $data['detail'] = DB::table('product_detail')->where('proid',$proid)->item();
  33.         $data['member'] = $member;
  34.         if(!$data['item']) {
  35.             return view('shop/page404');
  36.         }
  37.         return view('shop/detail',$data);
  38.     }
  40.     // 用户下单
  41.     public function create_order(Request $request) {
  42.         $member = Auth::guard('member')->user();
  43.         $pro_id = (int)$request->pro_id;
  44.         $product = DB::table('product')->where('id',$pro_id)->where('status',1)->item();
  45.         if (!$product) {
  46.             exit(json_encode(['code'=>1,'msg'=>'该商品不存在或未上架']));
  47.         }
  48.         if ($product['stock'] <= 0) {
  49.             exit(json_encode(['code'=>1,'msg'=>'库存不足']));
  50.         }
  51.         if ($product['stock'] < (int)$request->buy_count) {
  52.             exit(json_encode(['code'=>1,'msg'=>'库存不足']));
  53.         }
  54.         // 确定用户是否已经登录,自定义登录验证中间件
  55.         $data['ord_no'] = time().$member->id.rand(1,555); //订单号
  56.         $data['member_id'] = (int)$member->id; //交易商品id
  57.         $data['pro_id'] = $pro_id; //交易商品id
  58.         $data['count'] = (int)$request->buy_count; //数量
  59.         $data['money'] = $request->buy_count * $product['price']; //金额
  60.         $data['add_time'] = time(); //交易时间
  61.         // 添加订单信息
  62.         DB::table('orders')->insert($data);
  63.         // 减库存
  64.         DB::table('product')->where('id',$pro_id)->decrement('stock',$request->buy_count);
  66.         exit(json_encode(['code'=>0,'msg'=>'下单成功','ord_no'=>$data['ord_no']]));
  68.     }
  70.     // 支付
  71.     public function pay(Request $request) {
  72.         // 生成二维码
  73.         // echo __DIR__;
  74.         // D:\laravel\app\Http\Controllers
  75.         // exit;
  76.         $wx_pay_path = __DIR__ . '/../../../vendor/wx_pay/';
  77.         require_once $wx_pay_path . "lib/WxPay.Api.php";
  78.         require_once $wx_pay_path . "example/WxPay.NativePay.php";
  79.         // require_once 'log.php';
  80.         $notify = new \NativePay();
  81.         $input = new \WxPayUnifiedOrder();
  82.         // 获取订单号
  83.         $ord_no = $request->ord_no;
  85.         $input->SetBody("test");
  86.         $input->SetAttach("test");
  87.         $input->SetOut_trade_no($ord_no);
  88.         $input->SetTotal_fee("1");
  89.         $input->SetTime_start(date("YmdHis"));
  90.         $input->SetTime_expire(date("YmdHis", time() + 600));
  91.         $input->SetGoods_tag("test");
  92.         $input->SetNotify_url("http://pay.aoebbs.cn/shop/notify");
  93.         $input->SetTrade_type("NATIVE");
  94.         $input->SetProduct_id("123456789");
  96.         $result = $notify->GetPayUrl($input);
  97.         $data['url2'] = $result["code_url"];
  98.         $data['ord_no'] = $ord_no;
  99.         // echo '<pre>';
  100.         // var_dump($result);
  103.         return view('shop/pay',$data);
  104.     }
  106.     public function creatqrcode() {
  107.         $wx_pay_path = __DIR__ . '/../../../vendor/wx_pay/';
  108.         require_once $wx_pay_path . 'example/phpqrcode/phpqrcode.php';
  109.         $url = urldecode($_GET["data"]);
  110.         if(substr($url, 0, 6) == "weixin"){
  111.             \QRcode::png($url);
  112.         }else{
  113.              header('HTTP/1.1 404 Not Found');
  114.         }
  115.     }
  117.     // 异步通知
  118.     public function notify() {
  119.         // $xml = "aaaa";
  120.         $xml = file_get_contents('php://input');
  121.         $obj = simplexml_load_string($xml,"SimpleXMLElement", LIBXML_NOCDATA);
  122.         $arr = json_decode(json_encode($obj),true);
  124.         // 检查订单是否已付款
  125.         $order = DB::table('orders')->where('ord_no',$arr['out_trade_no'])->item();
  126.         if (!$order) {
  127.             return '<xml>
  128.                       <return_code><![CDATA[SUCCESS]]></return_code>
  129.                       <return_msg><![CDATA[OK]]></return_msg>
  130.                     </xml>';
  131.         }
  132.         // 订单已经付款
  133.         if ($order['status'] === 1) {
  134.             return '<xml>
  135.                       <return_code><![CDATA[SUCCESS]]></return_code>
  136.                       <return_msg><![CDATA[OK]]></return_msg>
  137.                     </xml>';
  138.         }
  139.         // 订单未付款
  140.         if ($order['status'] === 0) {
  141.             // 设置订单支付状态为已支付
  142.             DB::table('orders')->where('ord_no',$arr['out_trade_no'])->update(['status'=>1]);
  143.             DB::table('orders')->where('ord_no',$arr['out_trade_no'])->update(['trance_id'=>$arr['transaction_id']]);
  144.             return '<xml>
  145.                       <return_code><![CDATA[SUCCESS]]></return_code>
  146.                       <return_msg><![CDATA[OK]]></return_msg>
  147.                     </xml>';
  148.         }
  150.         file_put_contents('xml.txt', $xml);
  151.     }
  153.     // 检查订单支付状态
  154.     public function check_order_status(Request $request) {
  155.         $ord_no = $request->ord_no;
  156.         $order = DB::table('orders')->where('ord_no',$ord_no)->item();
  157.         if ($order['status'] >= 1) {
  158.             # code...
  159.             exit(json_encode(['code'=>0,'msg'=>'支付成功']));
  160.         }
  161.         exit(json_encode(['code'=>1,'msg'=>'not pay']));
  162.     }
  163. }

4. 商城路由

  1. // 商城
  2. Route::get('/shop/index','Shop@index');//商城首页
  3. Route::get('/shop/lists','Shop@lists');//商城列表
  4. Route::get('/shop/detail','Shop@detail');//商品详情
  5. Route::post('/shop/create_order','Shop@create_order')->middleware('automember');//商城订单
  6. Route::get('/shop/pay','Shop@pay')->middleware('automember');//商品微信付款二维码
  7. Route::get('/shop/creatqrcode','Shop@creatqrcode');//生成二维码
  8. Route::post('/shop/notify','Shop@notify');//微信异步通知
  9. Route::get('/shop/check_order_status','Shop@check_order_status');//检查订单支付状态

5. 商城详情页

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <!--    当前文档要用到阿里字体图标-->
  6.     <link rel="stylesheet" href="/static/font/iconfont.css">
  7.     <link rel="stylesheet" href="/static/css/shop_detail.css">
  8.     <link rel="stylesheet" href="/static/plugins/layui/css/layui.css">
  9.     <script src="/static/plugins/layui/layui.js"></script>
  10.     <title>{{$item['title']}}</title>
  11. </head>
  12. <body>
  13. @include('shop/public/header')
  14. <!--主体全部放在main元素中-->
  15. <main>
  16. <!--    商城公共头部-->
  17.     @include('shop/public/header_search')
  19.     <!--为商品详情区块单独创建一个包含块,方便用网格布局-->
  20.     <div class="detail">
  21.         @csrf
  22.         <!--商城详情页上部购买组件-->
  23.         <div class="shop-detail-bug">
  24.             <!--头部面包屑导航-->
  25.             <nav>
  26.                 <a href="">首页&nbsp;&gt;&nbsp;</a>
  27.                 <a href="">图片写真&nbsp;&gt;&nbsp;</a>
  28.                 <a href="">日本&nbsp;&gt;&nbsp;</a>
  29.                 <a href="">颖宝宝</a>
  30.             </nav>
  32.             <article>
  33.                 <input type="hidden" name="pro_id" value="{{$item['id']}}">
  34.                 <!-- <input type="hidden" name="price" value="{{$item['price']}}"> -->
  35.                 <span><img src="{{$item['thumb']}}" alt=""></span>
  36.                 <div>
  37.                     <!--商品标题-->
  38.                     <h3>{{$item['title']}}</h3>
  39.                     <!--商品价格-->
  40.                     <div class="price">
  41.                         <span>本站特惠:</span>
  42.                         <span>&yen;{{$item['price']}}</span>
  43.                     </div>
  44.                     <!--基本描述-->
  45.                     <div class="desc">
  46.                         销量: <span>13</span>&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
  47.                         累积评价: <span>3</span>&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
  48.                         好评率: <span>199%</span>
  49.                     </div>
  50.                     <!-- 购买数量-->
  51.                     <div class="buy-num">
  52.                         <label for="num">购买数量:</label><input type="number" id="num" value="1">
  53.                     </div>
  54.                     <!--购买按钮-->
  55.                     <div class="buy-btn">
  56.                         <button onclick="buy()">立即购买</button>
  57.                         <button><i class="iconfont icon-icon_tianjia"></i>加入购物车</button>
  58.                     </div>
  59.                     <!--售后承诺-->
  60.                     <div class="promise">
  61.                         <span><i class="iconfont icon-zhanghaoquanxianguanli"></i>本站保障</span>
  62.                         <span><i class="iconfont icon-icon_safety"></i>企业认证</span>
  63.                         <span><i class="iconfont icon-tianshenpi"></i>退款承诺</span>
  64.                         <span><i class="iconfont icon-kuaisubianpai"></i>免费换货</span>
  65.                     </div>
  66.                 </div>
  67.             </article>
  68.         </div>
  70.         <!--商城详情页左下推荐商品列表-->
  71.         <div class="shop-detail-recommend">
  72.             <h3>推荐商品</h3>
  73.             <div>
  74.                 <a href="">
  75.                     <img src="/static/images/shop/shop1.jpg" alt="">
  76.                 </a>
  77.                 <a href="">韩国美女最新海报促销美妆写真图集</a>
  78.                 <div class="hot">
  79.                     <span>热销:</span><span>8976</span>
  80.                     <span>价格:</span><span>&yen;99</span>
  81.                 </div>
  82.             </div>
  83.             <div>
  84.                 <a href="">
  85.                     <img src="/static/images/shop/shop2.jpg" alt="">
  86.                 </a>
  87.                 <a href="">韩国美女最新海报促销美妆写真图集</a>
  88.                 <div class="hot">
  89.                     <span>热销:</span><span>324</span>
  90.                     <span>价格:</span><span>&yen;798</span>
  91.                 </div>
  92.             </div>
  93.             <div>
  94.                 <a href="">
  95.                     <img src="/static/images/shop/shop3.jpg" alt="">
  96.                 </a>
  97.                 <a href="">韩国美女最新海报促销美妆写真图集</a>
  98.                 <div class="hot">
  99.                     <span>热销:</span><span>678</span>
  100.                     <span>价格:</span><span>&yen;630</span>
  101.                 </div>
  102.             </div>
  103.             <div>
  104.                 <a href="">
  105.                     <img src="/static/images/shop/shop4.jpg" alt="">
  106.                 </a>
  107.                 <a href="">韩国美女最新海报促销美妆写真图集</a>
  108.                 <div class="hot">
  109.                     <span>热销:</span><span>12</span>
  110.                     <span>价格:</span><span>&yen;980</span>
  111.                 </div>
  112.             </div>
  113.         </div>
  115.         <!--商城详情页右下详情选项卡-->
  116.         <div class="shop-detail-tab">
  117.             <div class="tab">
  118.                 <span class="active">商品详情</span>
  119.                 <span>案例/演示</span>
  120.                 <span>常见问题</span>
  121.                 <span>累计评价</span>
  122.                 <span>产品咨询</span>
  123.             </div>
  124.             <div class="content">
  125.                 {!!$detail['contents']!!}
  126.             </div>
  127.         </div>
  129.         <!--评论与回复-->
  130.         <div class="public-comment-reply">
  131.             <!--    评论区-->
  132.             <div class="comment">
  133.                 <h3>我要评论</h3>
  134.                 <div>
  135.                     <label for="comment"><img src="/static/images/user.png" alt=""></label>
  136.                     <textarea name="" id="comment"></textarea>
  137.                 </div>
  138.                 <button>发表评论</button>
  139.             </div>
  141.             <!--    回复区-->
  142.             <div class="reply">
  143.                 <h3>最新回复</h3>
  144.                 <div>
  145.                     <img src="/static/images/user.png" alt="">
  146.                     <div class="detail">
  147.                         <span>用户昵称</span>
  148.                         <span>留言内容: php中文网,是一个有温度,有思想的学习平台</span>
  149.                         <div>
  150.                             <span>2019-12-12 15:34:23发表</span>
  151.                             <span><i class="iconfont icon-dianzan"></i>回复</span>
  152.                         </div>
  153.                     </div>
  154.                 </div>
  156.                 <div>
  157.                     <img src="/static/images/user.png" alt="">
  158.                     <div class="detail">
  159.                         <span>用户昵称</span>
  160.                         <span>留言内容: php中文网,是一个有温度,有思想的学习平台</span>
  161.                         <div>
  162.                             <span>2019-12-12 15:34:23发表</span>
  163.                             <span><i class="iconfont icon-dianzan"></i>回复</span>
  164.                         </div>
  165.                     </div>
  166.                 </div>
  168.                 <div>
  169.                     <img src="/static/images/user.png" alt="">
  170.                     <div class="detail">
  171.                         <span>用户昵称</span>
  172.                         <span>留言内容: php中文网,是一个有温度,有思想的学习平台</span>
  173.                         <div>
  174.                             <span>2019-12-12 15:34:23发表</span>
  175.                             <span><i class="iconfont icon-dianzan"></i>回复</span>
  176.                         </div>
  177.                     </div>
  178.                 </div>
  180.                 <div>
  181.                     <img src="/static/images/user.png" alt="">
  182.                     <div class="detail">
  183.                         <span>用户昵称</span>
  184.                         <span>留言内容: php中文网,是一个有温度,有思想的学习平台</span>
  185.                         <div>
  186.                             <span>2019-12-12 15:34:23发表</span>
  187.                             <span><i class="iconfont icon-dianzan"></i>回复</span>
  188.                         </div>
  189.                     </div>
  190.                 </div>
  191.             </div>
  192.         </div>
  193.     </div>
  197. </main>
  199. <!--公共页脚-->
  200. @include('shop/public/footer')
  201. </body>
  202. </html>
  203. <script>
  204.     layui.use('layer', function(){
  205.         $ = layui.jquery;
  206.         var layer = layui.layer;
  207.     });
  208.     // 购买
  209.     function buy() {
  210.         var pro_id = parseInt($('input[name="pro_id"]').val());
  211.         var buy_count = parseInt($('#num').val());
  212.         if (isNaN(pro_id) || pro_id === 0) {
  213.             return layer.alert('商品参数错误',{icon:2});
  214.         }
  215.         if (isNaN(buy_count) || buy_count === 0) {
  216.             return layer.alert('购买数量错误',{icon:2});
  217.         }
  218.         // 下订单
  219.         var _token = $('input[name="_token"]').val();
  220.         // var price = $('input[name="price"]').val();
  221.         $.post('/shop/create_order',{pro_id:pro_id,_token:_token,buy_count:buy_count},function (res) {
  222.             // 未登录
  223.             if (res.code === 401) {
  224.                 //iframe层
  225.                 layer.open({
  226.                     type: 2,
  227.                     title: '用户登录',
  228.                     shadeClose: true,
  229.                     shade: 0.8,
  230.                     area: ['400px', '300px'],
  231.                     content: '/account/login' //iframe的url
  232.                 }); 
  233.                 return;
  234.             }
  235.             if (res.code > 0) {
  236.                 return layer.alert(res.msg,{icon:2});
  237.             }
  238.             layer.msg(res.msg);
  239.             layer.open({
  240.                 type: 2,
  241.                 title: '付款二维码',
  242.                 shadeClose: true,
  243.                 shade: 0.2,
  244.                 area: ['400px', '300px'],
  245.                 content: '/shop/pay?ord_no='+res.ord_no //iframe的url
  246.             }); 
  247.         },'json');
  248.     }
  249. </script>

6. 前端付款二维码

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>微信支付二维码</title>
  6.     <link rel="stylesheet" href="/static/plugins/layui/css/layui.css">
  7.     <link rel="stylesheet" href="/static/css/index.css">
  8.     <script src="/static/plugins/layui/layui.js"></script>
  9. </head>
  10. <body>
  11.     <input type="hidden" name="ord_no" value="{{$ord_no}}">
  12.     <div class="wx_pay">
  13.         <img alt="扫码支付" src="/shop/creatqrcode?data=<?php echo urlencode($url2);?>" />
  14.     </div>
  15. </body>
  16. </html>
  17. <script>
  18.     layui.use(['layer'],function(){
  19.         var layer = layui.layer;
  20.         $ = layui.jquery;
  21.         // 检查订单状态,定时器
  22.         setInterval(function(){
  23.             check_order_status();
  24.         },2000);
  26.     });
  27.     function check_order_status() {
  28.         var ord_no = $('input[name="ord_no"]').val();
  29.         $.get('/shop/check_order_status',{ord_no:ord_no},function(res) {
  30.             if (res.code > 0) {
  31.                 return;
  32.             }
  33.             layer.msg(res.msg);
  34.             setTimeout(function(){
  35.                 parent.window.location.reload();
  36.             },1500);
  37.         },'json');
  38.     }
  39. </script>

7. 效果图


8. 总结

扫码支付，同步回调地址在微信商户平台中设置，异步通知地址在统一下单接口的请求参数中设置；其中扫码支付主要用于电脑端；同步回调地址是作为微信后台跟商户进行页面跳转的渠道，因此同步回调地址是至关重要的，如果不填写，则可能导致支付完成后无法做页面跳转。

上一条：变量作用域、常量定义、命名空间和变量过滤器相关知识下一条：变量作用域、常量、命名空间、过滤器详解
声明：本文内容转载自脚本之家，由网友自发贡献，版权归原作者所有，如您发现涉嫌抄袭侵权，请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言，请遵守新闻评论服务协议

相关文章

查看更多