1. 程式人生 > >TP5 微信分享朋友圈介面顯示自定義圖片和標題

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."&timestamp=".$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} 但是分享出去不是自己定義好的圖片和標題,很可能是公眾號沒認證,檢視一下介面許可權。