微信JSSDK分享功能圖文實例詳解

第微信JSSDK分享功能圖文實例詳解2.2分享到朋友圈：

2.3分享到朋友圈：

（這個是觸發(fā)success的效果,配圖描述寫錯了，抱歉)

（這個是觸發(fā)cancel的效果)

2.3調(diào)試界面：

3.實測代碼樣例：

后臺代碼(jssdk.php見后邊)：

//獲取apptoken

require_once"jssdk.php";

$jssdk=newJSSDK($appid,$appsecret);//這里填寫自己的appid和secret

$signPackage=$jssdk-GetSignPackage();

$this-assign("signPackage",$signPackage);

JS配置代碼

scripttype="text/javascript"src='/open/js/jweixin-1.0.0.js'/script

scripttype="text/javascript"

wx.config({

debug:false,

appId:'{$signPackage["appId"]}',

timestamp:'{$signPackage["timestamp"]}',

nonceStr:'{$signPackage["nonceStr"]}',

signature:'{$signPackage["signature"]}',

jsApiList:[

//所有要調(diào)用的API都要加到這個列表中

'checkJsApi',

'onMenuShareTimeline',

'onMenuShareAppMessage',

'onMenuShareQQ',

'onMenuShareWeibo',

'onMenuShareQZone'

/script

scripttype="text/javascript"src='6/jssdk/js/zepto.min.js'/script

JS分享代碼：

scripttype="text/javascript"

//完成wx.config，執(zhí)行這里

wx.ready(function(){

//分享到朋友圈

wx.onMenuShareTimeline({

title:'1111111',//分享標(biāo)題

link:window.location.href,

imgUrl:"{pigcms:$res['pic']}",//分享圖標(biāo)

success:function(){

//分享成功執(zhí)行此回調(diào)函數(shù)

alert('success');

cancel:function(){

alert('cancel');

//分享給朋友

wx.onMenuShareAppMessage({

title:'22222',//分享標(biāo)題

desc:'22222',

link:window.location.href,

imgUrl:"{pigcms:$res['pic']}",//分享圖標(biāo)

trigger:function(res){

//不要嘗試在trigger中使用ajax異步請求修改本次分享的內(nèi)容，因為客戶端分享操作是一個同步操作，這時候使用ajax的回包會還沒有返回

success:function(res){

//分享成功執(zhí)行此回調(diào)函數(shù)

alert('已分享');

cancel:function(res){

alert('已取消');

fail:function(res){

alert(JSON.stringify(res));

/script

JSSDK類

jssdk.php

classJSSDK{

private$appId;

private$appSecret;

publicfunction__construct($appId,$appSecret){

$this-appId=$appId;

$this-appSecret=$appSecret;

publicfunctiongetSignPackage(){

$jsapiTicket=$this-getJsApiTicket();

//注意URL一定要動態(tài)獲取，不能hardcode.

$protocol=(!empty($_SERVER['HTTPS'])$_SERVER['HTTPS']!=='off'||$_SERVER['SERVER_PORT']==443)"https://":"http://";

$url="$protocol$_SERVER[HTTP_HOST]$_SERVER[REQUEST_URI]";

$timestamp=time();

$nonceStr=$this-createNonceStr();

//這里參數(shù)的順序要按照key值A(chǔ)SCII碼升序排序

$string="jsapi_ticket=$jsapiTicketnoncestr=$nonceStrtimestamp=$timestampurl=$url";

$signature=sha1($string);

$signPackage=array(

"appId"=$this-appId,

"nonceStr"=$nonceStr,

"timestamp"=$timestamp,

"url"=$url,

"signature"=$signature,

"rawString"=$string

return$signPackage;

privatefunctioncreateNonceStr($length=16){

$chars="abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789";

$str="";

for($i=0;$i$length;$i++){

$str.=substr($chars,mt_rand(0,strlen($chars)-1),1);

return$str;

privatefunctiongetJsApiTicket(){

$accessToken=$this-getAccessToken();

//如果是企業(yè)號用以下URL獲取ticket

//$url="/cgi-bin/get_jsapi_ticketaccess_token=$accessToken";

$url="/cgi-bin/ticket/gettickettype=jsapiaccess_token=$accessToken";

$res=json_decode($this-httpGet($url));

$ticket=$res-ticket;

return$ticket;

privatefunctiongetAccessToken(){

//access_token應(yīng)該全局存儲與更新，以下代碼以寫入到文件中做示例

//如果是企業(yè)號用以下URL獲取access_token

//$url="/cgi-bin/gettokencorpid=$this-appIdcorpsecret=$this-appSecret";

$url="/cgi-bin/tokengrant_type=client_credentialappid=$this-appIdsecret=$this-appSecret";

$res=json_decode($this-httpGet($url));

$access_token=$res-access_token;

return$access_token;

privatefunctionhttpGet($url){

$curl=curl_init();

curl_setopt($curl,CURLOPT_RETURNTRANSFER,true);

curl_setopt($curl,CURLOPT_TIMEOUT,500);

curl_set