快捷導(dǎo)航

微信自定義分享php代碼分析

更新時(shí)間：2016年11月24日 15:02:31 作者：super_runman

這篇文章主要為大家詳細(xì)分析了微信自定義分享php代碼,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

前一段之間做微信自定義分享，積累了一些經(jīng)驗(yàn)，分享給大家。

步驟一、二在微信開發(fā)者文檔中已經(jīng)很詳細(xì)了，直接從步驟三開始吧。

步驟三要參數(shù)微信的參數(shù)，除了appId之外，其他的參數(shù)都是動(dòng)態(tài)的，這里，我用的php語言，在后端生成的參數(shù)，代碼如下：
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)); 
}

生成簽名時(shí)，必須獲取當(dāng)前頁面的URL，所以$dataurl是通過下面JS動(dòng)態(tài)獲取的，切記。
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('網(wǎng)絡(luò)不給力哦...') 
 } 
}); 
function weixinInfo(appId,timestamp,nonceStr,signature){ 
 wx.config({ 
  debug: false, 
  appId: appId, 
  timestamp:timestamp , 
  nonceStr:nonceStr, 
  signature:signature, 
  jsApiList: [ 
   'checkJsApi', //判斷當(dāng)前客戶端版本是否支持指定JS接口 
   'onMenuShareTimeline', //分享到朋友圈 
   'onMenuShareAppMessage', //分享給好友 
   'onMenuShareQQ', //分享到QQ 
   'onMenuShareWeibo' //分享到微博 
  ] 
 }); 
} 
 
wx.ready(function () { 
 //微信好友 
 var s_title = '分享標(biāo)題'; 
 var s_desc = '分享描述'; 
 var s_link = '分享后的鏈接'; 
 var s_imgUrl = '圖片鏈接'; 
 wx.onMenuShareAppMessage({ //例如分享到朋友圈的API 
  title: s_title, // 分享標(biāo)題 
  desc: s_desc, // 分享描述 
  link: s_link, // 分享鏈接 
  imgUrl: s_imgUrl, // 分享圖標(biāo) 
  success: function () { }, 
  cancel: function () { } 
 }); 
 //朋友圈 
 wx.onMenuShareTimeline({ 
  title: s_title, // 分享標(biāo)題 
  link: s_link, // 分享鏈接 
  imgUrl: s_imgUrl, // 分享圖標(biāo) 
  success: function () { }, 
  cancel: function () { } 
 }); 
 //QQ好友 
 wx.onMenuShareQQ({ 
  title: s_title, // 分享標(biāo)題 
  desc: s_desc, // 分享描述 
  link: s_link, // 分享鏈接 
  imgUrl: s_imgUrl, // 分享圖標(biāo) 
  success: function () { }, 
  cancel: function () { } 
 }); 
}); 
wx.error(function (res) { 
alert(res.errMsg); //打印錯(cuò)誤消息。及把 debug:false,設(shè)置為debug:ture就可以直接在網(wǎng)頁上看到彈出的錯(cuò)誤提示 
});

就這么簡單。

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章: