ThinkPHP5集成JS-SDK实现微信自定义分享功能

2023-03-11 11:03:02 集成 ThinkPHP5 js

微信链接分享给好友时能够自定义标题、简介和loGo,现将ThinkPHP5集成js-SDK实现微信自定义分享功能的过程整理成文。

Jssdk类库

1、文件名及位置

名字:Jssdk.php
位置:extend\util\Jssdk.php

2、代码

<?php
namespace util;

class Jssdk {

    protected $appid = 'xxxx';
    protected $secret = 'xxxx';

    
    public function getAccessToken(){
        //定义文件名称
        $name = 'token_' . md5($this->appid . $this->secret);
        //定义存储文件路径
        // $filename = __DIR__ . '/cache/' . $name . '.php';
		$filename = '../runtime/temp/' . $name . '.php';
        //判断文件是否存在,如果存在,就取出文件中的数据值,如果不存在,就向微信端请求
        if (is_file($filename) && filemtime($filename) + 7100 > time()){
            $result = include $filename;
            //定义需要返回的内容$data
            $data = $result['access_token'];
        }else{
            // https请求方式: GET
			// Https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=APPID&secret=APPSECRET
            // 调用curl方法完成请求
            $url = 'https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid='.$this->appid.'&secret=' . $this->secret;
            $result = $this->curl($url);
            //将返回得到的JSON数据转成php数组
            $result = json_decode($result,true);
            //将内容写入文件中
            file_put_contents($filename,"<?php\nreturn " . var_export($result,true) . ";\n?>");
            //定义需要返回的内容
            $data = $result['access_token'];
        }

        //将得到的access_token的值返回
        return $data;

    }

    
    public function getJsapiTicket(){
        //存入文件中,定义文件的名称和路径
        $name = 'ticket_' . md5($this->appid . $this->secret);
        //定义存储文件路径
        //$filename = __DIR__ . '/cache/' . $name . '.php';
		$filename = '../runtime/temp/' . $name . '.php';
        //判断是否存在临时票据的文件,如果存在,就直接取值,如果不存在,就发送请求获取并保存
        if (is_file($filename) && filemtime($filename) + 7100 > time()){
            $result = include $filename;
        }else{
            //定义请求地址
            $url = 'https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token='.$this
                    ->getAccessToken().'&type=jsapi';
            //使用curl方法发送请求,获取临时票据
            $result = $this->curl($url);
            //转换成php数组
            $result = json_decode($result,true);
            //将获取到的值存入文件中
            file_put_contents($filename,"<?php\nreturn " . var_export($result,true) . ";\n?>");

        }
        //定义返回的数据
        $data = $result['ticket'];
        //将得到的临时票据结果返回
        return $data;
    }

    
    public function sign(){
        //需要定义4个参数,分别包括随机数,临时票据,时间戳和当前url地址
        $nonceStr = $this->makeStr();
        $ticket = $this->getJsapiTicket();
        $time = time();
        //组合url
		//$url = $_SERVER['REQUEST_SCHEME'] . '://' . $_SERVER['SERVER_NAME'] . $_SERVER['REQUEST_URI'];
        $url = 'http://' . $_SERVER['SERVER_NAME'] . $_SERVER['REQUEST_URI'];
        //将4个参数放入一个数组中
        $arr = [
            'noncestr=' . $nonceStr,
            'jsapi_ticket=' . $ticket,
            'timestamp=' . $time,
            'url=' . $url
        ];
        //对数组进行字段化排序
        sort($arr,SORT_STRING);
        //对数组进行组合成字符串
        $string = implode('&',$arr);
        //将字符串加密生成签名
        $sign = sha1($string);
        //由于调用签名方法的时候不只需要签名,还需要生成签名的时候的随机数,时间戳,所以我们应该返回由这些内容组成的一个数组
        $reArr = [
            'appId' => $this->appid,
            'timestamp' => $time,
            'nonceStr' => $nonceStr,
            'signature' => $sign,
            'url' => $url
        ];
        //将数组返回
        return $reArr;
    }

    
    protected function makeStr(){
        //定义字符串组成的种子
        $seed = 'www512wayanbao1qasxianrendong5tgblaochaguan8ik9500net';
        //通过循环来组成一个16位的随机字符串
        //定义一个空字符串 用来接收组合成的字符串内容
        $str = '';
        for ($i = 0;$i < 16; $i++){
            //定义一个随机数
            $num = rand(0,strlen($seed) - 1);
            //循环连接随机生成的字符串
            $str .= $seed[$num];
        }
        //将随机数返回
        return $str;
    }


    
    public function curl($url,$field = []){
        //初始化curl
        $ch = curl_init();
        //设置请求的地址
        curl_setopt($ch,CURLOPT_URL,$url);
        //设置接收返回的数据,不直接展示在页面
        curl_setopt($ch,CURLOPT_RETURNTRANSFER,1);
        //设置禁止证书校验
        curl_setopt($ch,CURLOPT_SSL_VERIFYPEER,false);
        curl_setopt($ch,CURLOPT_SSL_VERIFYHOST,false);
        //判断是否为post请求方式,如果传递了第二个参数,就代表是post请求,如果么有传递,第二个参数为空,就是get请求
        if (!empty($field)){
            //设置请求超时时间
            curl_setopt($ch,CURLOPT_TIMEOUT,30);
            //设置开启post
            curl_setopt($ch,CURLOPT_POST,1);
            //传递post数据
            curl_setopt($ch,CURLOPT_POSTFIELDS,$field);
        }
        //定义一个空字符串,用来接收请求的结果
        $data = '';
        if (curl_exec($ch)){
            $data = curl_multi_getcontent($ch);
        }
        //关闭curl
        curl_close($ch);
        //将得到的结果返回
        return $data;
    }

}
//测试获取access_token值的方法
//$obj = new Wx();
//$data = $obj->getAccessToken();
//echo $data;

//测试获取jsapiticket方法
//$obj = new Wx();
//$data = $obj->getJsapiTicket();
//echo $data;

//测试生成签名方法
//$obj = new Wx();
//$data = $obj->sign();
//echo '<pre>';
//print_r($data);

?>

后台控制器处理

<?php
namespace app\index\controller;
use think\Controller;
use think\Db;
use app\admin\model\Menu;
use util\Jssdk;

class Index extends Controller {
    public function demo(){
        $id = input('id',0);//ID
        $catid = input('catid',0);//分类ID

        $modelInfo = getModInfoById($catid);

        $info = Db::name($modelInfo['tablename'])->where('id',$id)->find();
        $catinfo = getCatInfoById($catid);
        $p_catname = getCatInfoById($catinfo['parentid'],'catname');

		$obj = new Jssdk();
		$data = $obj->sign();

        $this->assign('infos',$info);
        $this->assign('catids',$catid);
        $this->assign('catnames',$catinfo['catname']);
        $this->assign('p_catnames',$p_catname);
		$this->assign('data',$data);

        return view('../application/index/view/default/index/' . $modelInfo['show_template']);
    }
}
?>

微信事件响应

<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<script type="text/javascript">
	// 通过config接口注入权限验证配置
	wx.config({
		debug: false, 
		appId: '{$data.appId}',
		timestamp: '{$data.timestamp}',
		nonceStr: '{$data.nonceStr}', 
		signature: '{$data.signature}',
		jsApiList: [
			'onMenuShareTimeline',
			'onMenuShareAppMessage'
		]
	});
	// 通过ready接口处理成功验证
	wx.ready(function(){
		// 分享到朋友圈
		wx.onMenuShareTimeline({
			title: '{$info.title}',
			link: '{$data.url}', 
			imgUrl: 'http://m.psnav.com/uploads/image/{$info.thumb}', 
			success: function () {
				// 用户点击了分享后执行的回调函数
			}
		});
		// 分享给朋友
		wx.onMenuShareAppMessage({
			title: '{$info.title}', 
			desc: '{$info.description}', 
			link: '{$data.url}', 
			imgUrl: 'http://m.psnav.com/uploads/image/{$info.thumb}', 
			type: 'link', // 分享类型,music、video或link,不填默认为link
			dataUrl: '', // 如果type是music或video,则要提供数据链接,默认为空
			success: function () {
				// 用户点击了分享后执行的回调函数
			}
		});
	});
</script>

 全部分享接口

<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<script type="text/javascript">
	// 通过config接口注入权限验证配置
	wx.config({
		debug: true, 
		appId: '{$data.appId}',
		timestamp: '{$data.timestamp}',
		nonceStr: '{$data.nonceStr}', 
		signature: '{$data.signature}',
		jsApiList: [
			'onMenuShareTimeline',
			'onMenuShareAppMessage',
			'onMenuShareQQ',
			'onMenuShareWeibo',
			'onMenuShareQZone'
		]
	});
	// 通过ready接口处理成功验证
	wx.ready(function(){
		// 分享到朋友圈
		wx.onMenuShareTimeline({
			title: '{$info.title}',
			link: '{$data.url}', 
			imgUrl: 'http://m.psnav.com/uploads/image/{$info.thumb}', 
			success: function () {
				// 用户点击了分享后执行的回调函数
			}
		});
		// 分享给朋友
		wx.onMenuShareAppMessage({
			title: '{$info.title}', 
			desc: '{$info.description}', 
			link: '{$data.url}', 
			imgUrl: 'http://m.psnav.com/uploads/image/{$info.thumb}', 
			type: 'link', // 分享类型,music、video或link,不填默认为link
			dataUrl: '', // 如果type是music或video,则要提供数据链接,默认为空
			success: function () {
				// 用户点击了分享后执行的回调函数
			}
		});
		// 分享到QQ
		wx.onMenuShareQQ({
			title: '{$info.title}', 
			desc: '{$info.description}', 
			link: '{$data.url}', 
			imgUrl: 'http://m.psnav.com/uploads/image/{$info.thumb}', 
			success: function () {
				// 用户确认分享后执行的回调函数
			},
			cancel: function () {
				// 用户取消分享后执行的回调函数
			}
		});
		// 分享到腾讯微博
		wx.onMenuShareWeibo({
			title: '{$info.title}',
			desc: '{$info.description}', 
			link: '{$data.url}', 
			imgUrl: 'http://m.psnav.com/uploads/image/{$info.thumb}', 
			success: function () {
				// 用户确认分享后执行的回调函数
			},
			cancel: function () {
				// 用户取消分享后执行的回调函数
			}
		});
		// 分享到QQ空间
		wx.onMenuShareQZone({
			title: '{$info.title}', 
			desc: '{$info.description}', 
			link: '{$data.url}', 
			imgUrl: 'http://m.psnav.com/uploads/image/{$info.thumb}', 
			success: function () {
				// 用户确认分享后执行的回调函数
			},
			cancel: function () {
				// 用户取消分享后执行的回调函数
			}
		});
	});
</script>

到此这篇关于ThinkPHP5集成JS-SDK实现微信自定义分享功能的文章就介绍到这了,更多相关ThinkPHP5微信自定义分享内容请搜索以前的文章或继续浏览下面的相关文章希望大家以后多多支持!

相关文章