微信自定义分享php代码分析

2018-09-07 19:07

阅读:342

  前一段之间做微信自定义分享,积累了一些经验,分享给大家。

  


  步骤一、二在微信开发者文档中已经很详细了,直接从步骤三开始吧。

  步骤三要参数微信的参数,除了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 = list.nonceStr; var signature = list.signature; weixinInfo(appId,timestamp,nonceStr,signature); }, error:function() { //alert(网络不给力哦fig({ debug: false, appId: appId, timestamp:timestamp , nonceStr:nonceStr, signature:signature, jsApiList: [ checkJsApi, //判断当前客户端版本是否支持指定JS接口 onMenuShareTimeline, //分享到朋友圈 onMenuShareAppMessage, //分享给好友 onMenuShareQQ, //分享到QQ onMenuShareWeibo //分享到微博 ] }); } wx.ready(function () { //微信好友 var s_title = 分享标题; var s_desc = 分享描述; var s_link = 分享后的链接; var s_imgUrl = 图片链接; wx.onMenuShareAppMessage({ //例如分享到朋友圈的API title: s_title, // 分享标题 desc: s_desc, // 分享描述 link: s_link, // 分享链接 imgUrl: s_imgUrl, // 分享图标 success: function () { }, cancel: function () { } }); //朋友圈 wx.onMenuShareTimeline({ title: s_title, // 分享标题 link: s_link, // 分享链接 imgUrl: s_imgUrl, // 分享图标 success: function () { }, cancel: function () { } }); //QQ好友 wx.onMenuShareQQ({ title: s_title, // 分享标题 desc: s_desc, // 分享描述 link: s_link, // 分享链接 imgUrl: s_imgUrl, // 分享图标 success: function () { }, cancel: function () { } }); }); wx.error(function (res) {
alert(res.errMsg); //打印错误消息。及把 debug:false,设置为debug:ture就可以直接在网页上看到弹出的错误提示
});

  就这么简单。

  以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。


评论


亲,登录后才可以留言!