1. 程式人生 > >微信分享沒有縮圖

微信分享沒有縮圖

wx.config({

    debug: true, // 開啟除錯模式,呼叫的所有api的返回值會在客戶端alert出來,若要檢視傳入的引數,可以在pc端開啟,引數資訊會通過log打出,僅在pc端時才會列印。

    appId: '', // 必填,公眾號的唯一標識

    timestamp: , // 必填,生成簽名的時間戳

    nonceStr: '', // 必填,生成簽名的隨機串

    signature: '',// 必填,簽名,見附錄1

    jsApiList: [] // 必填,需要使用的JS介面列表,所有JS介面列表見附錄2

});

就這些,按照要求填寫wx.config中的引數,不難的。 下面我貼程式碼,我也是搜了一些資料

js程式碼,把這段js程式碼放到整個框架共有檔案的footer.html裡面。隨便訪問一個頁面,用-微信除錯工具-開啟檢視JS-SDK是否成功ok

<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<script>
window.onload=function(){//進入頁面就執行ajax,目的為了傳送當前頁面url#前的完整url
var ajaxurl =  '/index.php?ctl=weixin'; 
var query = new Object();
var urll = location.href.split('#')[0]; //頁面url#前的完整url,可alert彈出檢視


query.urll = $.trim(urll);
query.post_type = "json";
$.ajax({ 
url: ajaxurl,
data:query,
type: "POST",
dataType: "json",
success: function(ress){//成功則執行JS-SDK
console.log(ress);//檢視返回結果

//執行JS_SDK
wx.config({
debug: true, 
appId: ress.appid,
timestamp: ress.timestamp,
nonceStr: ress.nonceStr, 
signature: ress.signature,


jsApiList: ['onMenuShareTimeline','onMenuShareAppMessage'] 
}); 
}
,error:function(){
console.log("通訊失敗");
}
});
}
/* alert(location.href.split('#')[0]); */ //彈出的url必須與訪問地址一致
</script>

控制器中的程式碼 php。我的框架都是json格式返回的,變數都封裝到$root中,通過output()返回

php中執行獲取appid、timestamp、nonceStr、signature操作,

<?php
class weixin{
public function index()
{
//微信
$url = $GLOBALS['request']['urll'];//獲取當前頁面的url,接收請求引數
$root['url'] = $url;
//獲取access_token,並快取
$file = 'access_token';//快取檔名access_token
$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='AppSecret'");//自己的appid,通過微信公眾平臺檢視appid和AppSecret
$res = json_decode($res, true);
$token = $res['access_token'];
// write('access_token', $token, 3600);
@file_put_contents($file, $token);
}

//獲取jsapi_ticket,並快取
$file1 = '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"."&timestamp=$timestamp"."&url=$url";
$signature=sha1($string1);
$root['appid'] = $appid;
$root['nonceStr'] = $nonceStr;
$root['timestamp'] = $timestamp;
$root['signature'] = $signature;


output($root);
}
}
?>