微信小程序分享朋友圈功能的開發(fā)詳解

一、微信小程序
在制作微信小程序的時候怎么將頁面分享到朋友圈或者朋友
1.onShareAppMessage分享給好友
/**
*分享當前頁面
*/
onShareAppMessage(){
const_this=this;
return{
title:'xxxxxx',//標題
path:"/pages/index/index?",//鏈接
imageUrl:"",//圖片鏈接，如果沒有這個參數默認是微信小程序的logo
};
},

/**
2.分享到朋友圈,目前這個只有在安卓平臺支持
/**
*分享到朋友圈
*本接口為Beta版本，暫只在Android平臺支持，詳見分享到朋友圈(Beta)
*/
onShareTimeline(){
const_this=this;
return{
title:'xxxx',
path:"/pages/index/index?",};
},

上面兩個都是右上角 按鈕觸發(fā)的分享
自定義按鈕需要要 <button open-type=”share”> 觸發(fā)分享
<buttonclass="contact"open-type="share">
<imagesrc="{{api_url}}/images/home/icon19.png"style="width:84rpx;"mode="widthFix"></image>
<viewclass="name">分享</view>
</button>

同樣觸發(fā)分享功能
手機網站應用
在在制作手機網站應用時，用戶在可以通過微信瀏覽器訪問。相比于普通瀏覽器的訪問需要對接利用其自身的一些網頁接口。如支付接口就是其中的一種，本文介紹一下自定義微信瀏覽器的分享內容如何處理。
更多網頁應用可以查看
1、在微信公眾號管理平臺中，“設置”->“公眾號設置”->“功能設置”下的“JS接口安全域名”和“網頁授權域名”中填寫自已的域名。
2、在微信公眾號管理平臺中，“開發(fā)”->“基本配置”下設置“IP白名單”，服務器的ip如果不太清楚，可以在測試打出的信息中準確知道具體是什么。
3、應用，也可以到上面的地址中去下載demo。下面是TP的應用。
1）在項目模塊下的Service文件夾中新建WxjssdkService.class.php用于js接口調用。其完整代碼為：
需要注意的是這里獲取的accessToken因為有請求次數的限制，所以一定要在服務器緩存起來。
classWxjssdkService{
/**
*微信配置信息
*/
function__construct(){
$jsConfig=array(
'APPID'=>D('Config')->get('wxpay_appid'),//'wx4***',//綁定支付的APPID（必須配置，開戶郵件中可查看）
'APPSECRET'=>'******',//公眾帳號secert（僅JSAPI支付的時候需要配置，登錄公眾平臺，進入開發(fā)者中心可設置），
);
$this->jsConfig=$jsConfig;
}
/**
*獲取簽名數據
*@paramstring$url
*@returnarray
*/
publicfunctiongetSignPackage($url=''){
$jsConfig=$this->jsConfig;
$jsapiTicket=$this->getJsApiTicket();
$protocol=(!empty($_SERVER['HTTPS'])&&$_SERVER['HTTPS']!=='off'||$_SERVER['SERVER_PORT']==443)?"https://":"http://";
$url=$url?$url:"$protocol$_SERVER[HTTP_HOST]$_SERVER[REQUEST_URI]";
$timestamp=time();
$nonceStr=$this->createNonceStr();
//這里參數的順序要按照key值ASCII碼升序排序
$string="jsapi_ticket=$jsapiTicket&noncestr=$nonceStr×tamp=$timestamp&url=$url";
$signature=sha1($string);
$signPackage=array(
"appId"=>$jsConfig['APPID'],
"nonceStr"=>$nonceStr,
"timestamp"=>$timestamp,
"url"=>$url,
"signature"=>$signature,
"rawString"=>$string
);
return$signPackage;
}
/**
*生成隨機串
*@paramint$length
*@returnstring
*/
privatefunctioncreateNonceStr($length=16){
$chars="abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789";
$str="";
for($i=0;$i<$length;$i++){
$str.=substr($chars,mt_rand(0,strlen($chars)-1),1);
}
return$str;
}
/**
*獲取票證
*@returnmixed
*/
privatefunctiongetJsApiTicket(){
//jsapi_ticket應該全局存儲與更新，以下代碼以寫入到文件中做示例
$data=S('wx_jsapi_ticket');
if(!$data){
$accessToken=$this->getAccessToken();
//如果是企業(yè)號用以下URL獲取ticket
//$url="https://qyapi.weixin.qq.com/cgi-bin/get_jsapi_ticket?access_token=$accessToken";
$url="https://api.weixin.qq.com/cgi-bin/ticket/getticket?type=jsapi&access_token=$accessToken";
$res=json_decode($this->httpGet($url));
$ticket=$res->ticket;
if($ticket){
S('wx_jsapi_ticket',$ticket,7000);//jsapi_ticket的有效期是7200秒（兩小時）
}
}else{
$ticket=$data;
}
return$ticket;
}
/**
*獲取憑證
*@returnmixed
*/
privatefunctiongetAccessToken(){
$jsConfig=$this->jsConfig;
//access_token應該全局存儲與更新，以下代碼以寫入到文件中做示例
$data=S('wx_access_token');
if(!$data){
//如果是企業(yè)號用以下URL獲取access_token
//$url="https://qyapi.weixin.qq.com/cgi-bin/gettoken?corpid=$this->appId&corpsecret=$this->appSecret";
$url="https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=".$jsConfig['APPID']."&secret=".$jsConfig['APPSECRET'];
$res=json_decode($this->httpGet($url));
$access_token=$res->access_token;
if($access_token){
S('wx_access_token',$access_token,7000);//access_token的有效期是7200秒（兩小時）
}
}else{
$access_token=$data;
}
return$access_token;
}
/**
*http獲取內容
*@param$url
*@returnmixed
*/
privatefunctionhttpGet($url){
$curl=curl_init();
curl_setopt($curl,CURLOPT_RETURNTRANSFER,true);
curl_setopt($curl,CURLOPT_TIMEOUT,500);
//為保證第三方服務器與微信服務器之間數據傳輸的安全性，所有微信接口采用https方式調用，必須使用下面2行代碼打開ssl安全校驗。
//如果在部署過程中代碼在此處驗證失敗，請到http://curl.haxx.se/ca/cacert.pem下載新的證書判別文件。
curl_setopt($curl,CURLOPT_SSL_VERIFYPEER,false);
curl_setopt($curl,CURLOPT_SSL_VERIFYHOST,false);
curl_setopt($curl,CURLOPT_URL,$url);
$res=curl_exec($curl);
curl_close($curl);
return$res;
}
}
在控制器中即可使用：
$protocol=(!empty($_SERVER['HTTPS'])&&$_SERVER['HTTPS']!=='off'||$_SERVER['SERVER_PORT']==443)?"https://":"http://";
$sharelink=$protocol.$_SERVER['SERVER_NAME'].$_SERVER['REQUEST_URI'];
$signPackage=D('Wxjssdk','Service')->GetSignPackage($sharelink);
$this->signPackage=$signPackage;
在模板中可以輸出，僅以分享給朋友和微信朋友圈為例，此為公共文件，當需要改變要分享的內容時可在當前頁中輸出下面的js變量覆蓋。
<script>
varwx_share_title=("undefined"!=typeofwx_share_title)?wx_share_title:'{$config.index_title}';//分享標題
varwx_share_link=("undefined"!=typeofwx_share_link)?wx_share_link:'http://{$_SERVER[HTTP_HOST]}{$_SERVER[REQUEST_URI]}';//分享鏈接，該鏈接域名或路徑必須與當前頁面對應的公眾號JS安全域名一致
varwx_share_imgUrl=("undefined"!=typeofwx_share_imgUrl)?wx_share_imgUrl:"http://{:$_SERVER['SERVER_NAME']}/Uploads/mlogo/thumb/default.png";//分享圖標
varwx_share_desc=("undefined"!=typeofwx_share_desc)?wx_share_desc:'{$config.index_keywords}';//分享描述
</script>
<scriptsrc="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<script>
wx.config({
debug:false,//開啟調試模式
appId:'{$signPackage.appId}',//必填，公眾號的唯一標識
timestamp:'{$signPackage.timestamp}',//必填，生成簽名的時間戳
nonceStr:'{$signPackage.nonceStr}',//必填，生成簽名的隨機串
signature:'{$signPackage.signature}',//必填，簽名，見附錄1
jsApiList:['onMenuShareTimeline','onMenuShareAppMessage']//必填，需要使用的JS接口列表，所有JS接口列表見附錄2
});
wx.ready(function(res){
wx.onMenuShareTimeline({
title:wx_share_title,
//分享標題
link:wx_share_link,
//分享鏈接，該鏈接域名或路徑必須與當前頁面對應的公眾號JS安全域名一致
imgUrl:wx_share_imgUrl,
//分享圖標
success:function(){
//用戶確認分享后執(zhí)行的回調函數
},
cancel:function(){
//用戶取消分享后執(zhí)行的回調函數
}
});
wx.onMenuShareAppMessage({
title:wx_share_title,
//分享標題
desc:wx_share_desc,
//分享描述
link:wx_share_link,
//分享鏈接，該鏈接域名或路徑必須與當前頁面對應的公眾號JS安全域名一致
imgUrl:wx_share_imgUrl,
//分享圖標
type:'',
//分享類型,music、video或link，不填默認為link
dataUrl:'',
//如果type是music或video，則要提供數據鏈接，默認為空
success:function(){
//用戶確認分享后執(zhí)行的回調函數
},
cancel:function(){
//用戶取消分享后執(zhí)行的回調函數
}
});

本文題目：微信小程序分享朋友圈功能的開發(fā)詳解
新聞來源：http://www.jbt999.com/news5/246805.html

成都網站建設公司_創(chuàng)新互聯，為您提供做網站、網站導航、App開發(fā)、響應式網站、網站排名、自適應網站

廣告

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：[email protected]。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯