首页 > 编程 > PHP > 正文

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

2019-11-21 21:31:39
字体:
来源:转载
供稿:网友

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


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

步骤三要参数微信的参数,除了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('网络不给力哦...')  } }); function weixinInfo(appId,timestamp,nonceStr,signature){  wx.config({   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就可以直接在网页上看到弹出的错误提示
});

 就这么简单。

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

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表