⾃定义分享php代码分析
前⼀段之间做⾃定义分享,积累了⼀些经验,分享给⼤家。
步骤⼀、⼆在开发者⽂档中已经很详细了,直接从步骤三开始吧。
步骤三要参数的参数,除了appId之外,其他的参数都是动态的,这⾥,我⽤的php语⾔,在后端⽣成的参数,代码如下:
php端代码:
public function getwxinfo(){
$dataurl = I('dataurl');
include('./ThinkPHP/Library/Vendor/jssdk/jssdk.php');
$jssdk = new \JSSDK('appId','appSecret');
$signPackage = $jssdk->GetSignPackage($dataurl);
exit(response('1','ok',$signPackage));
}
⽣成签名时,必须获取当前页⾯的URL,所以$dataurl是通过下⾯JS动态获取的,切记。
JS端代码:
var dataurl = window.location.href;代码转换
$.ajax({
type:'post',
data:{'dataurl':dataurl},
url:'/index.php/Home/Index/getwxinfo',
dataType:'json',
success:function(json){
var list = json.data;
var appId = list.appId;
var timestamp = list.timestamp;
var nonceStr = Str;
var signature = list.signature;
weixinInfo(appId,timestamp,nonceStr,signature);
},
error:function() {
//alert('⽹络不给⼒哦...')
}
});
function weixinInfo(appId,timestamp,nonceStr,signature){
debug: false,
appId: appId,
timestamp:timestamp ,
nonceStr:nonceStr,
signature:signature,
jsApiList: [
'checkJsApi', //判断当前客户端版本是否⽀持指定JS接⼝
'onMenuShareTimeline', //分享到朋友圈
'onMenuShareAppMessage', //分享给好友
'onMenuShareQQ', //分享到QQ
'onMenuShareWeibo' //分享到微博
]
});
}
//好友
var s_title = '分享标题';
var s_desc = '分享描述';
var s_link = '分享后的链接';
var s_imgUrl = '图⽚链接';
title: s_title, // 分享标题
desc: s_desc, // 分享描述
link: s_link, // 分享链接
imgUrl: s_imgUrl, // 分享图标
success: function () { },
cancel: function () { }
});
//朋友圈
title: s_title, // 分享标题
link: s_link, // 分享链接
imgUrl: s_imgUrl, // 分享图标
success: function () { },
cancel: function () { }
});
//QQ好友
title: s_title, // 分享标题
desc: s_desc, // 分享描述
link: s_link, // 分享链接
imgUrl: s_imgUrl, // 分享图标
success: function () { },
cancel: function () { }
});
});
<(function (res) {
Msg); //打印错误消息。及把 debug:false,设置为debug:ture就可以直接在⽹页上看到弹出的错误提⽰});
就这么简单。
以上就是本⽂的全部内容,希望对⼤家的学习有所帮助,也希望⼤家多多⽀持。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论