ThinkPHP 3.x版本使用微信JSSDK分享整理分享
Time:2021/05/24 11:15:57 Click:

现在,微信社交使用场景越来越丰富,资料的分享场景也越来越多,所以,很多网站也增加了微信分享,今天,成都做网站公司的技术主编为大家整理了ThinkPHP 3.x版本使用微信JSSDK的保姆级别教程,话不多说,直接上代码:
第一步,下载JSSDK,可以官方下载,目录如图:

控制器:
//每个控制器都可以做一下这样的初始化方法,以方便获取分享的接口的必须信息
public function _initialize(){
$this->signPackage = signPackage();
// p($this->signPackage);
}新建三个方法,用于处理以上的一些分享的文字:
//分享标题处理,如果没有标题,就使用网站名称
function metatitle($text){
if(strlen($text)>0){
$metatitle = $text.'-'.C('WEB_NAME');
}else{
$metatitle = C('WEB_TITLE').'-'.C('WEB_NAME');
}
return $metatitle;
}
//分享描述处理,如果没有描述,就使用网站描述
function metadesc($text){
if(strlen($text)>0){
$metadesc = $text;
}else{
$metadesc = C('WEB_DESRIPTION');
}
return $metadesc;
}
//分享图片处理,如果没有图片,就使用网站默认分享图片
function metaimg($url){
if(strlen($url)>0){
$metaimg = C('WEB_URL').$url;
}else{
$metaimg = 'https://www.shangfox.com/Uploads/wxsdkshare.jpg';//如果没有图片,就直接用一张公共的分享图
}
return $metaimg;
}写一个公共的模板文件:\APP\Modules\Index\Tpl\Common\jssdk.html
<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
<script>
wx.config({
debug: false,
appId: '{$signPackage["appId"]}',
timestamp: {$signPackage["timestamp"]},
nonceStr: '{$signPackage["nonceStr"]}',
signature: '{$signPackage["signature"]}',
jsApiList: [
'onMenuShareTimeline',
'onMenuShareAppMessage',
'scanQRCode',
'checkJsApi',
'onMenuShareQQ',
'onMenuShareWeibo',
'chooseImage'
]
});
// 扫码添加
function scan(){
wx.scanQRCode({
needResult: 1, // 默认为0,扫描结果由微信处理,1则直接返回扫描结果,
scanType: ["qrCode","barCode"], // 可以指定扫二维码还是一维码,默认二者都有
success: function (res) {
var result = res.resultStr; // 当needResult 为 1 时,扫码返回的结果
alert(JSON.stringify(res));
$('#aa').html(result);
}
})
}
// 分享朋友圈
function fxpyq(){
wx.chooseImage({
count: 1, // 默认9
sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图,默认二者都有
sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机,默认二者都有
success: function (res) {
var localIds = res.localIds; // 返回选定照片的本地ID列表,localId可以作为img标签的src属性显示图片
alert(localIds);
}
});
}
wx.ready(function () {
wx.onMenuShareTimeline({
title: "<?php echo $metatitle; ?>", // 分享标题
link: window.location.href, // 分享链接,该链接域名必须与当前企业的可信域名一致
imgUrl: '<?php echo $metaimg; ?>', // 分享图标
success: function () {
// alert('ok');
},
cancel: function () {
// 用户取消分享后执行的回调函数
}
});
wx.onMenuShareAppMessage({
title: "<?php echo $metatitle; ?>", // 分享标题
desc: "<?php echo $metadesc; ?>", // 分享描述
link: window.location.href, // 分享链接,该链接域名必须与当前企业的可信域名一致
imgUrl: '<?php echo $metaimg; ?>', // 分享图标
type: '', // 分享类型,music、video或link,不填默认为link
dataUrl: '', // 如果type是music或video,则要提供数据链接,默认为空
success: function () {
// alert('成功后可以执行的函数');
},
cancel: function () {
// 用户取消分享后执行的回调函数
}
});
});
</script>这就是所有的代码了,有什么问题,或者不足,请指正,有问题,联系406333726,微信直接扫码网站联系微信二维码即可。四川尚狐网络-一家服务10年的专业网站制作公司,累计服务客户400+,用心,只为做好第一个网站!

