微信自訂分享php程式碼分析_php執行個體

來源:互聯網
上載者:User
前一段之間做自訂分享,積累了一些經驗,分享給大家。


步驟一、二在開發人員文檔中已經很詳細了,直接從步驟三開始吧。

步驟三要參數的參數,除了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就可以直接在網頁上看到彈出的錯誤提示
});

就這麼簡單。

以上就是本文的全部內容,希望對大家的學習有所協助,也希望大家多多支援指令碼之家。

  • 聯繫我們

    該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

    如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

    A Free Trial That Lets You Build Big!

    Start building with 50+ products and up to 12 months usage for Elastic Compute Service

    • Sales Support

      1 on 1 presale consultation

    • After-Sales Support

      24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.