PHP laravel 微信 JsApi 支付详细过程_laravel class wxpay{ /*** * 初始化参数 * 统一下单,生成js调起支-程序员宅基地

技术标签: laravel  Php  php  lavarel  

1 :下载微信支付 sdk(php),下载地址 https://pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=11_1

在这里插入图片描述

下载完成之后,我是直接解压将整个 sdk文件夹放到根目录下的 verdor 目录中,然后将 sdk 文件夹下 example 中的WxPay开头的文件和 log.php 文件复制到 lib 目录下

在这里插入图片描述

2 :把lib文件夹中的以每个文件中的所有的require_once中的路径去掉,改为当前文件夹下调用

在这里插入图片描述

3 :最重要的一步,修改配置文件 WxPay.Config.php
<?php

require_once "WxPay.Config.Interface.php";

/**
*
* 该类需要业务自己继承, 该类只是作为deamon使用
* 实际部署时,请务必保管自己的商户密钥,证书等
* 
*/

class WxPayConfig extends WxPayConfigInterface
{
    
	//=======【基本信息设置】=====================================
	/**
	 * TODO: 修改这里配置为您自己申请的商户信息
	 * 微信公众号信息配置
	 * 
	 * APPID:绑定支付的APPID(必须配置,开户邮件中可查看)
	 * 
	 * MCHID:商户号(必须配置,开户邮件中可查看)
	 * 
	 */
	public function GetAppId()
	{
    
		return 'wx8888888888888888';
	}
	public function GetMerchantId()
	{
    
		return '8888888888';
	}
	
	//=======【支付相关配置:支付成功回调地址/签名方式】===================================
	/**
	* TODO:支付回调url
	* 签名和验证签名方式, 支持md5和sha256方式
	**/
	public function GetNotifyUrl()
	{
    
		return "";
	}
	public function GetSignType()
	{
    
		return "HMAC-SHA256";
	}

	//=======【curl代理设置】===================================
	/**
	 * TODO:这里设置代理机器,只有需要代理的时候才设置,不需要代理,请设置为0.0.0.0和0
	 * 本例程通过curl使用HTTP POST方法,此处可修改代理服务器,
	 * 默认CURL_PROXY_HOST=0.0.0.0和CURL_PROXY_PORT=0,此时不开启代理(如有需要才设置)
	 * @var unknown_type
	 */
	public function GetProxy(&$proxyHost, &$proxyPort)
	{
    
		$proxyHost = "0.0.0.0";
		$proxyPort = 0;
	}
	

	//=======【上报信息配置】===================================
	/**
	 * TODO:接口调用上报等级,默认紧错误上报(注意:上报超时间为【1s】,上报无论成败【永不抛出异常】,
	 * 不会影响接口调用流程),开启上报之后,方便微信监控请求调用的质量,建议至少
	 * 开启错误上报。
	 * 上报等级,0.关闭上报; 1.仅错误出错上报; 2.全量上报
	 * @var int
	 */
	public function GetReportLevenl()
	{
    
		return 1;
	}


	//=======【商户密钥信息-需要业务方继承】===================================
	/*
	 * KEY:商户支付密钥,参考开户邮件设置(必须配置,登录商户平台自行设置), 请妥善保管, 避免密钥泄露
	 * 设置地址:https://pay.weixin.qq.com/index.php/account/api_cert
	 * 
	 * APPSECRET:公众帐号secert(仅JSAPI支付的时候需要配置, 登录公众平台,进入开发者中心可设置), 请妥善保管, 避免密钥泄露
	 * 获取地址:https://mp.weixin.qq.com/advanced/advanced?action=dev&t=advanced/dev&token=2005451881&lang=zh_CN
	 * @var string
	 */
	public function GetKey()
	{
    
		return 'wx888888888888888888888888888888';
	}
	public function GetAppSecret()
	{
    
		return 'wx888888888888888888888888888888';
	}


	//=======【证书路径设置-需要业务方继承】=====================================
	/**
	 * TODO:设置商户证书路径
	 * 证书路径,注意应该填写绝对路径(仅退款、撤销订单时需要,可登录商户平台下载,
	 * API证书下载地址:https://pay.weixin.qq.com/index.php/account/api_cert,下载之前需要安装商户操作证书)
	 * 注意:
	 * 1.证书文件不能放在web服务器虚拟目录,应放在有访问权限控制的目录中,防止被他人下载;
	 * 2.建议将证书文件名改为复杂且不容易猜测的文件名;
	 * 3.商户服务器要做好病毒和木马防护工作,不被非法侵入者窃取证书文件。
	 * @var path
	 */
	public function GetSSLCertPath(&$sslCertPath, &$sslKeyPath)
	{
    
		$sslCertPath = '../cert/apiclient_cert.pem';
		$sslKeyPath = '../cert/apiclient_key.pem';
	}
}

4 : 配置文件中关键参数的位置以及微信支付的授权配置

AppId和AppSecert是微信公众号(服务号)申请时的,申请的微信公众号必须已经通过微信认证。
在这里插入图片描述
微信支付商户号和商户密钥是在微信支付的官方申请的商户号,申请后会有一个商户密钥
在这里插入图片描述
在这里插入图片描述
在微信支付中关联公众号
在这里插入图片描述
在微信公众号中设置接口权限,登录公众号,开发—接口权限—功能服务—网页授权
在这里插入图片描述
在接口域名处填写微信支付发起的域名
在这里插入图片描述

5 : 后台控制器的写法

我的控制器是写在 /app/Http/Controller/Pay 下新建 WxpayController.php

 <?php

namespace App\Http\Controllers\Pay;


use App\Http\Requests;
use App\Http\Controllers\Controller;
use Illuminate\Http\Request;
use Illuminate\Support\Facades\Log;
use Illuminate\Support\Facades\DB;
use Illuminate\Support\Facades\Input;
use Illuminate\Support\Facades\Redis;

require_once "vendor/wxpaysdk/lib/WxPay.Api.php";
require_once "vendor/wxpaysdk/lib/WxPay.NativePay.php";
require_once "vendor/wxpaysdk/lib/phpqrcode/phpqrcode.php";
require_once "vendor/wxpaysdk/lib/WxPay.JsApiPay.php";
require_once "vendor/wxpaysdk/lib/WxPay.Config.php";

class WxpayController extends Controller
{
    
    public function jsApiPay()
    {
    
    	// 下面这部分是判断商品的库存和订单信息,以下仅供参考
        $redis_goods_stock = 0;
        $goods_info = [];
        // redis 获取商品信息
        $redis_activity_goods = Redis::get('redis_activity_goods');
        if($redis_activity_goods){
    
            $goods_info = json_decode($redis_activity_goods,true);
            if(!empty($goods_info)){
    
                 // redis 获取商品库存
                $redis_goods_stock = Redis::get('redis_goods_stock');
                if($redis_goods_stock){
    
                    $redis_goods_stock = json_decode($redis_goods_stock,true);
                }
            }
        }

        if(!$redis_goods_stock || !$goods_info){
    
            echo '库存不足';exit;return false;
        }
		// 验证商品信息及库存信息结束,以上仅供参考
		

        //①、获取用户openid
        try{
    
            $res = [];
            $res['priceTotal'] = 0.01; // 必要参数,订单总金额

            //调起微信支付jsApi接口
            $tools = new \JsApiPay();
            $openId = $tools->GetOpenid();
            //②、统一下单
            $input = new \WxPayUnifiedOrder();
            $input->SetBody("test");
            $input->SetAttach("test");
            $input->SetOut_trade_no("yh".date("YmdHis"));
            $input->SetTotal_fee((string)($res['priceTotal']*100));
            $input->SetTime_start(date("YmdHis"));
            $input->SetTime_expire(date("YmdHis", time() + 600));
            $input->SetGoods_tag("test");
            $input->SetNotify_url("这里配置支付完成后的回调路径,用来一步处理商品订单信息");
            $input->SetTrade_type("JSAPI");
            $input->SetOpenid($openId);
            $config = new \WxPayConfig();
            $order = \WxPayApi::unifiedOrder($config, $input);

            $res['jsApiParameters'] = $tools->GetJsApiParameters($order);
            //获取共享收货地址js函数参数
            $res['editAddress'] = $tools->GetEditAddressParameters();
            return view('/pay/jsapi_pay',$res);
        } 
        catch(Exception $e) 
        {
    
            echo $e;
            exit;
            // Log::ERROR(json_encode($e));
        }
    }
}

5 : 前台页面写法 jsapi_pay.blade.php
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <link type="text/css" rel="stylesheet" href="{
     {asset('static/layui/css/layui.css')}}">
    <script type="text/javascript" src="{
     {asset('static/common/js/jquery-2.0.0.min.js')}}"></script>
    <script src="{
     {asset('static/layer/jquery.js?v=1.83.min')}}"></script>
    <script src="{
     {asset('static/layer/layer.min.js')}}"></script>
    <script type="text/javascript" src="{
     {asset('static/layui/layui.all.js')}}"></script>

    <title>支付订单</title>
    <script type="text/javascript">
        layui.use(['layer'],function(){
     
                   $ = layui.jquery;            
                   });
           //调用微信JS api 支付
               function jsApiCall()
               {
     
                   var jsApiPar =JSON.parse($('input[name="jsApiPar"]').val());
                   WeixinJSBridge.invoke(
                       'getBrandWCPayRequest',
                       jsApiPar,
                       function(res){
     
                           WeixinJSBridge.log(res.err_msg);
                           if( res.err_msg == 'get_brand_wcpay_request:ok'){
     
                           		// 这个是判断支付成功后,可以进行的页面操作,我是直接跳转到首页 
                           		window.location.href = '/';
                           }else{
     
                           		alert('支付失败了');
                           }
                       }
                   );
               }
               function callpay()
               {
     
                   if (typeof WeixinJSBridge == "undefined"){
     
                       if( document.addEventListener ){
     
                           document.addEventListener('WeixinJSBridgeReady', jsApiCall, false);
                       }else if (document.attachEvent){
     
                           document.attachEvent('WeixinJSBridgeReady', jsApiCall); 
                           document.attachEvent('onWeixinJSBridgeReady', jsApiCall);
                       }
                   }else{
     
                       jsApiCall();
                   }
               }
    </script>
    <script type="text/javascript">
                //获取共享地址
                function editAddress()
               {
                    
                   var editAdd =JSON.parse($('input[name="editAdd"]').val());
                   WeixinJSBridge.invoke(
                       'editAddress',
                       editAdd,
                       function(res){
     
                           $('div[name="test"]').text(JSON.parse(res));
                           var value1 = res.proviceFirstStageName;
                           var value2 = res.addressCitySecondStageName;
                           var value3 = res.addressCountiesThirdStageName;
                           var value4 = res.addressDetailInfo;
                           var tel = res.telNumber;
                           alert(value1 + value2 + value3 + value4 + ":" + tel);
                       }
                   );
               }   
               window.onload = function(){
     
                   if (typeof WeixinJSBridge == "undefined"){
     
                       if( document.addEventListener ){
     
                           document.addEventListener('WeixinJSBridgeReady', editAddress, false);
                       }else if (document.attachEvent){
     
                           document.attachEvent('WeixinJSBridgeReady', editAddress); 
                           document.attachEvent('onWeixinJSBridgeReady', editAddress);
                       }
                   }else{
     
                       editAddress();
                   }
               }; 
       </script>
</head>
<body>
    <br/>
    <p color="#d22930" style="text-align:center;margin-top:80px;">
      <span>支付金额</span><br/><br/>
      <span style="color:#f00;font-size:40px">¥ {
   {$priceTotal}}</span>
    </p><br/><br/>
    <div align="center">
        <button style="width:210px; height:50px; border-radius: 15px;background-color:#d22930; border:0px #d22930 solid; cursor: pointer;  color:white;  font-size:16px;" type="button" onclick="callpay()" >立即支付</button>
        <input type="hidden" name="jsApiPar" value="{
     {$jsApiParameters}}">
        <input type="hidden" name="editAdd" value="{
     {$editAddress}}">
    </div>
</body>
</html>
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/qq_38308156/article/details/110958757

智能推荐

【毕业设计】基于单片机的火灾报警系统 -stm32 单片机物联网-程序员宅基地

文章浏览阅读4.4k次,点赞5次,收藏75次。Hi,大家好,这里是丹成学长,今天向大家介绍一个学长做的单片机项目大家可用于 课程设计 或 毕业设计单片机-嵌入式毕设选题大全及项目分享:https://blog.csdn.net/m0_71572576/article/details/1254090521、MCU采用stm32;2、使用MQ2传感器采集烟雾等有害气体,当检测到有害气体时发声报警,并可以邮件通知用户;3、使用DS18B20传感器检测环境温度和火焰;4、采用OLED12864显示屏进行数据显示;5、可设置传感器阈值,修改检测灵敏度;正常状态加_基于单片机的火灾报警系统

okhttp3 springboot post 接收与传参_java okhttp3接收请求体-程序员宅基地

文章浏览阅读4.3k次。springboot+android 收参 传参_java okhttp3接收请求体

ZZULIOJ 1188: 选票统计(一)(结构体专题)_c++题目描述 某单位进行选举,有5位候选人:zhang、wang、zhao、liu、miao。编写-程序员宅基地

文章浏览阅读1.2k次,点赞3次,收藏4次。zzulioj 1188: 选票统计(一)(结构体专题)题目描述某单位进行选举,有5位候选人:zhang、wang、zhao、liu、miao。编写程序,统计每人所得的票数。要求每人的信息里包括两部分:name和votes,分别描述姓名和所得票数。每个人的信息用一个结构体来表示,5个人的信息使用结构体数组。输入首先输入一个整数n,表示一张选票,接下来n行,每行是一个由小写英文字母组成的字符串,表示以上5个候选人之一。输出输出5行,按zhang、wang、zhao、liu、miao的顺序输出5个候_c++题目描述 某单位进行选举,有5位候选人:zhang、wang、zhao、liu、miao。编写程

使用vlc播放m3u8网络视频教程_vlc怎么播放m3u8视频-程序员宅基地

文章浏览阅读10w+次。例子视频网址https://20200407/1kDcVooU/hls/index.m3u8打开vlc视频播放器点击媒体选择打开网络串流将网址填入点击播放即可_vlc怎么播放m3u8视频

GICI-LIB源码阅读(一)程序简介、编译调试、配置文件、车载数据集-程序员宅基地

文章浏览阅读1.6k次,点赞12次,收藏23次。GICI-LIB 全称GNSS/INS/CameraIntegrated Navigation Library,是上海交大最新开源的一套基于图优化的 GNSS+INS+Camera 集成导航定位库。为了阐明 GNSS 的算法模型,加快在多源融合应用中针对 GNSS 的开发效率,我们开源了 GICI-LIB,并辅以详尽的文档和全面的数据集。GICI-LIB 以可扩展的设计理念,实现了GIC传感器之间多种形式的松紧组合。评估结果表明,GIC 系统能够在多种复杂环境下,提供分米到米级的高精度导航。_gici-lib

MySQL中的SET数据类型详解_mysql set-程序员宅基地

文章浏览阅读856次,点赞3次,收藏4次。创建一个SET类型的列时,你需要定义可能的值集合。这里可以存储任何这些值的组合,包括全部都不选。当向SET类型的列插入数据时,你可以插入定义的任何值的组合。_mysql set

随便推点

[GN] 配置armcc工具链_armcc v5 toolchain-程序员宅基地

文章浏览阅读2.5k次。对于gn来说,工具链被抽象为一系列的工具描述,我们要做的就是写对应的工具描述文件出来。首先在工程根目录建立一个文件.gn(注意文件的名字为空,后缀为.gn),文件中配置工具链描述文件所在的路径buildconfig = "//build/buildconfig.gn"该变量定义了构建工具链描述文件所在的路径,//表示工程根目录。在buildconfig.gn中定义工具链。s..._armcc v5 toolchain

Cisco AP 无法进入全局模式-程序员宅基地

文章浏览阅读351次,点赞9次,收藏6次。用configure t 无法进入全局模式!配置不了 cisco AIR-AP2802I-H-K9。

react-router-dom6,react路由6和5的区别,一文搞懂react-router-dom6-程序员宅基地

文章浏览阅读1.3k次,点赞3次,收藏6次。router-router-dom6 就是当前react路由的最新版本 在2021年11月发布 已经是路由推荐版本。_react-router-dom6

android 标题字体大小,android setTitle怎么实现字体的大小-程序员宅基地

文章浏览阅读279次。烧仙草VB主题里添加如下,可以修改title的字体的大小和样式比如没有ActionBar的Activity中,定义如下的样式false@style/WindowTitle#fff20spbold如果是在ActionBar存在的前提下,主题样式要如下@style/TextAppearance@color/main_color@style/ActionBar@style/TextAppearance..._安卓settitle 设置字体大小

[Unity基础]打包与读取AssetBundle_解包出来的prefab怎么读取-程序员宅基地

文章浏览阅读3.3k次。原文链接:http://www.xuanyusong.com/archives/24051.打包prefabusing UnityEngine;using System.Collections;using UnityEditor;//选择的物体放在不同的ABpublic class CreateAB_Respectively : MonoBehaviour {_解包出来的prefab怎么读取

关于JVM-三色标记算法剖析-程序员宅基地

文章浏览阅读424次。白色:表示对象未被垃圾收集器访问过,这是可达性分析开始的阶段,所有的对象都是白色,如果分析结束阶段,还是白色,即代表不可达。灰色:表示对象被垃圾收集器访问过,但是至少还有一个引用没有被扫描过。黑色:表示对象已被垃圾收集器访问过了,并且这个对象所有对象都被扫描过了,它是安全存活的,如果有其它对象引用指向了黑色对象,无须重新扫描一遍。黑色对象不可能直接指向某个白色对象。

推荐文章

热门文章

相关标签