插件窝 干货文章 如何使用ThinkPHP6实现微信JS-SDK签名

如何使用ThinkPHP6实现微信JS-SDK签名

签名 timestamp 获取 nonceStr 721    来源:    2024-10-24

随着微信公众号开发的普及,在进行开发过程中,使用微信js-sdk能够方便的操作微信api,其中最重要的一步就是实现js-sdk的签名。本文将介绍如何使用thinkphp6框架,高效地完成微信js-sdk签名的实现。

一、获取微信JS-SDK所需参数

在使用JS-SDK之前,需要向微信服务器申请一些参数,包括appid、timestamp、nonceStr、signature,获取方法如下:

$appId = "wxxxxxxxxxxxxxxx"; //正确的微信AppID
$jsTicket = "kgt8ON7yVITDhtdwci0qed6Q8tW6ozAAAAAAAAAABw0VFbV6GMpGqzPJHxhUW1Xa"; //正确的jsTicket
$url = "http://tocacar.com/wechat/index/index"; //当前网页的URL,不包含#及其后面部分
$timestamp = time(); //当前时间戳
$nonceStr = md5(uniqid(mt_rand(), true));

$signature = sha1("jsapi_ticket={$jsTicket}&noncestr={$nonceStr}&timestamp={$timestamp}&url={$url}");

// $signature 即为所需要的签名值

二、定义获取签名的方法

在ThinkPHP6中,可以在Controller中定义一个获取微信JS-SDK签名的方法,如下:

立即学习“PHP免费学习笔记(深入)”;

// 定义获取微信JS-SDK签名的方法
public function getJsSdkSign()
{
    $appId = "wxxxxxxxxxxxxxxx"; //正确的微信AppID
    $jsTicket = "kgt8ON7yVITDhtdwci0qed6Q8tW6ozAAAAAAAAAABw0VFbV6GMpGqzPJHxhUW1Xa"; //正确的jsTicket
    $url = "http://tocacar.com/wechat/index/index"; //当前网页的URL,不包含#及其后面部分
    $timestamp = time(); //当前时间戳
    $nonceStr = md5(uniqid(mt_rand(), true));
    
    $signature = sha1("jsapi_ticket={$jsTicket}&noncestr={$nonceStr}&timestamp={$timestamp}&url={$url}");
    
    $res = [
        'appId' => $appId,
        'timestamp' => $timestamp,
        'nonceStr' => $nonceStr,
        'signature' => $signature,
        'jsApiList' => ['onMenuShareTimeline', 'onMenuShareAppMessage', 'chooseWXPay'] //需要使用的JS接口列表
    ];
    
    return json($res); //返回JSON格式的数据
}

三、在页面中调用获取签名的方法

在需要调用JS-SDK的页面中,可以使用AJAX调用上述定义的获取签名的方法,获取到签名参数后,再调用微信API。示例代码如下:

$.ajax({
    type: 'get',
    url: '/index/getJsSdkSign', //定义的获取微信JS-SDK签名的方法的URL
    dataType: 'json',
    success: function(data) {
        //获取到签名参数后,再调用微信API
        wx.config({
            debug: false,
            appId: data.appId,
            timestamp: data.timestamp,
            nonceStr: data.nonceStr,
            signature: data.signature,
            jsApiList: data.jsApiList
        });
        
        wx.ready(function () {
            // 在这里调用需要使用JS-SDK的微信API
        });
    }
});

四、总结

本文介绍了如何使用ThinkPHP6框架,高效地完成微信JS-SDK签名的实现。通过定义获取签名的方法,使得获取微信JS-SDK签名参数更加简便和高效,如果你正在进行微信公众号开发,不妨参考以上方法,提高开发效率。