微信小程序分享朋友圈功能的開發(fā)詳解
2023-03-22 分類： 網(wǎng)站建設(shè)
一、微信小程序
在制作微信小程序的時候怎么將頁面分享到朋友圈或者朋友
1.onShareAppMessage分享給好友
/**
*分享當前頁面
*/
onShareAppMessage(){
const_this=this;
return{
title:'xxxxxx',//標題
path:"/pages/index/index?",//鏈接
imageUrl:"",//圖片鏈接，如果沒有這個參數(shù)默認是微信小程序的logo
};
},
/**
2.分享到朋友圈,目前這個只有在安卓平臺支持
/**
*分享到朋友圈
*本接口為Beta版本，暫只在Android平臺支持，詳見分享到朋友圈(Beta)
*/
onShareTimeline(){
const_this=this;
return{
title:'xxxx',
path:"/pages/index/index?",};
},
上面兩個都是右上角 按鈕觸發(fā)的分享
自定義按鈕需要要
手機網(wǎng)站應用
在在制作手機網(wǎng)站應用時，用戶在可以通過微信瀏覽器訪問。相比于普通瀏覽器的訪問需要對接利用其自身的一些網(wǎng)頁接口。如支付接口就是其中的一種，本文介紹一下自定義微信瀏覽器的分享內(nèi)容如何處理。
更多網(wǎng)頁應用可以查看
1、在微信公眾號管理平臺中，“設(shè)置”->“公眾號設(shè)置”->“功能設(shè)置”下的“JS接口安全域名”和“網(wǎng)頁授權(quán)域名”中填寫自已的域名。
2、在微信公眾號管理平臺中，“開發(fā)”->“基本配置”下設(shè)置“IP白名單”，服務器的ip如果不太清楚，可以在測試打出的信息中準確知道具體是什么。
3、應用，也可以到上面的地址中去下載demo。下面是TP的應用。
1）在項目模塊下的Service文件夾中新建WxjssdkService.class.php用于js接口調(diào)用。其完整代碼為：
需要注意的是這里獲取的accessToken因為有請求次數(shù)的限制，所以一定要在服務器緩存起來。
classWxjssdkService{
/**
*微信配置信息
*/
function__construct(){
$jsConfig=array(
'APPID'=>D('Config')->get('wxpay_appid'),//'wx4***',//綁定支付的APPID（必須配置，開戶郵件中可查看）
'APPSECRET'=>'******',//公眾帳號secert（僅JSAPI支付的時候需要配置，登錄公眾平臺，進入開發(fā)者中心可設(shè)置），
);
$this->jsConfig=$jsConfig;
}
/**
*獲取簽名數(shù)據(jù)
*@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();
//這里參數(shù)的順序要按照key值A(chǔ)SCII碼升序排序
$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獲取內(nèi)容
*@param$url
*@returnmixed
*/
privatefunctionhttpGet($url){
$curl=curl_init();
curl_setopt($curl,CURLOPT_RETURNTRANSFER,true);
curl_setopt($curl,CURLOPT_TIMEOUT,500);
//為保證第三方服務器與微信服務器之間數(shù)據(jù)傳輸?shù)陌踩裕形⑿沤涌诓捎胔ttps方式調(diào)用，必須使用下面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;
在模板中可以輸出，僅以分享給朋友和微信朋友圈為例，此為公共文件，當需要改變要分享的內(nèi)容時可在當前頁中輸出下面的js變量覆蓋。
在制作微信小程序的時候怎么將頁面分享到朋友圈或者朋友
1.onShareAppMessage分享給好友
/**
*分享當前頁面
*/
onShareAppMessage(){
const_this=this;
return{
title:'xxxxxx',//標題
path:"/pages/index/index?",//鏈接
imageUrl:"",//圖片鏈接，如果沒有這個參數(shù)默認是微信小程序的logo
};
},
/**
2.分享到朋友圈,目前這個只有在安卓平臺支持
/**
*分享到朋友圈
*本接口為Beta版本，暫只在Android平臺支持，詳見分享到朋友圈(Beta)
*/
onShareTimeline(){
const_this=this;
return{
title:'xxxx',
path:"/pages/index/index?",};
},
上面兩個都是右上角 按鈕觸發(fā)的分享
自定義按鈕需要要
手機網(wǎng)站應用
在在制作手機網(wǎng)站應用時，用戶在可以通過微信瀏覽器訪問。相比于普通瀏覽器的訪問需要對接利用其自身的一些網(wǎng)頁接口。如支付接口就是其中的一種，本文介紹一下自定義微信瀏覽器的分享內(nèi)容如何處理。
更多網(wǎng)頁應用可以查看
1、在微信公眾號管理平臺中，“設(shè)置”->“公眾號設(shè)置”->“功能設(shè)置”下的“JS接口安全域名”和“網(wǎng)頁授權(quán)域名”中填寫自已的域名。
2、在微信公眾號管理平臺中，“開發(fā)”->“基本配置”下設(shè)置“IP白名單”，服務器的ip如果不太清楚，可以在測試打出的信息中準確知道具體是什么。
3、應用，也可以到上面的地址中去下載demo。下面是TP的應用。
1）在項目模塊下的Service文件夾中新建WxjssdkService.class.php用于js接口調(diào)用。其完整代碼為：
需要注意的是這里獲取的accessToken因為有請求次數(shù)的限制，所以一定要在服務器緩存起來。
classWxjssdkService{
/**
*微信配置信息
*/
function__construct(){
$jsConfig=array(
'APPID'=>D('Config')->get('wxpay_appid'),//'wx4***',//綁定支付的APPID（必須配置，開戶郵件中可查看）
'APPSECRET'=>'******',//公眾帳號secert（僅JSAPI支付的時候需要配置，登錄公眾平臺，進入開發(fā)者中心可設(shè)置），
);
$this->jsConfig=$jsConfig;
}
/**
*獲取簽名數(shù)據(jù)
*@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();
//這里參數(shù)的順序要按照key值A(chǔ)SCII碼升序排序
$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獲取內(nèi)容
*@param$url
*@returnmixed
*/
privatefunctionhttpGet($url){
$curl=curl_init();
curl_setopt($curl,CURLOPT_RETURNTRANSFER,true);
curl_setopt($curl,CURLOPT_TIMEOUT,500);
//為保證第三方服務器與微信服務器之間數(shù)據(jù)傳輸?shù)陌踩裕形⑿沤涌诓捎胔ttps方式調(diào)用，必須使用下面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;
在模板中可以輸出，僅以分享給朋友和微信朋友圈為例，此為公共文件，當需要改變要分享的內(nèi)容時可在當前頁中輸出下面的js變量覆蓋。