TP5 微信分享朋友圈介面顯示自定義圖片和標題
在tp5框架下對接微信分享朋友圈介面,並顯示圖片和標題。
準備步驟:
1,先登入微信公眾平臺進入“公眾號設定”的“功能設定”裡填寫“JS介面安全域名”。
2,獲取公眾號對應的 appid 和 appsecret。
3.公眾號取得認證。
不羅嗦,直接上程式碼:
1,js 程式碼,在需要分享的頁面新增:
<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>//引入js
<script>
window.onload=function(){
var ajaxurl = '{:url("index/weixin")}';
var urll=location.href.split('#')[0];
$.ajax({
url:ajaxurl,
type:"post",
data:{urll:urll},
dataType:"json",
success:function(s){
wx.config({
debug: true, //分享成功後可以關閉 false
appId: s.appid,
timestamp: s.timestamp,
nonceStr: s.nonceStr,
signature: s.signature,
jsApiList: ['onMenuShareTimeline','onMenuShareAppMessage']
});
wx.ready(function(){
wx.onMenuShareTimeline({
title: '{$subtitle}', // 分享標題
link: s.url, // 分享連結,該連結域名或路徑必須與當前頁面對應的公眾號JS安全域名一致
imgUrl: "imgurl", // 分享圖示 使用絕對路徑
success: function () {
}
});
wx.onMenuShareAppMessage({
title: '{$subtitle}',
desc: s.url, // 分享描述
link: s.url, // 分享連結,該連結域名或路徑必須與當前頁面對應的公眾號JS安全域名一致
imgUrl: "imgurl", // 分享圖示 使用絕對路徑
type: '', // 分享型別,music、video或link,不填預設為link
dataUrl: '', // 如果type是music或video,則要提供資料鏈接,預設為空
success: function () {
}
});
});
},
error:function(){
console.log("通訊失敗");
}
});
}
/* alert(location.href.split('#')[0]); */ //彈出的url必須與訪問地址一致
</script>
2.php程式碼
public function weixin(){
$url = input('urll');//獲取當前頁面的url,接收請求引數
$root['url'] = $url;
//獲取access_token,並快取
$file = RUNTIME_PATH.'/access_token';//快取檔名access_token
$appid='xxxxxxxxxxx'; // 填寫自己的appid
$secret='xxxxxxxxxxx'; // 填寫自己的appsecret
$expires = 3600;//快取時間1個小時
if(file_exists($file)) {
$time = filemtime($file);
if(time() - $time > $expires) {
$token = null;
}else {
$token = file_get_contents($file);
}
}else{
fopen("$file", "w+");
$token = null;
}
if (!$token || strlen($token) < 6) {
$res = file_get_contents("https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=".$appid."&secret=".$secret."");
$res = json_decode($res, true);
$token = $res['access_token'];
// write('access_token', $token, 3600);
@file_put_contents($file, $token);
}
//獲取jsapi_ticket,並快取
$file1 = RUNTIME_PATH.'/jsapi_ticket';
if(file_exists($file1)) {
$time = filemtime($file1);
if(time() - $time > $expires) {
$jsapi_ticket = null;
}else {
$jsapi_ticket = file_get_contents($file1);
}
}else{
fopen("$file1", "w+");
$jsapi_ticket = null;
}
if (!$jsapi_ticket || strlen($jsapi_ticket) < 6) {
$ur = "https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token=$token&type=jsapi";
$res = file_get_contents($ur);
$res = json_decode($res, true);
$jsapi_ticket = $res['ticket'];
@file_put_contents($file1, $jsapi_ticket);
}
$timestamp = time();//生成簽名的時間戳
$metas = range(0, 9);
$metas = array_merge($metas, range('A', 'Z'));
$metas = array_merge($metas, range('a', 'z'));
$nonceStr = '';
for ($i=0; $i < 16; $i++) {
$nonceStr .= $metas[rand(0, count($metas)-1)];//生成簽名的隨機串
}
$string1="jsapi_ticket=".$jsapi_ticket."&noncestr=".$nonceStr."×tamp=".$timestamp."&url=".$url."";
$signature=sha1($string1);
$root['appid'] = $appid;
$root['nonceStr'] = $nonceStr;
$root['timestamp'] = $timestamp;
$root['signature'] = $signature;
echo json_encode($root);
}
可能遇到的問題:
呼叫一切正常,頁面彈出 {errMsg: config:ok} 但是分享出去不是自己定義好的圖片和標題,很可能是公眾號沒認證,檢視一下介面許可權。