微信jssdk-微信分享連接修改標題描述圖片

1先登陸微信公衆平臺進入「公衆號設置」的「功能設置」裏填寫「JS接口安全域名」  要在微信公衆號中添加一個當前分享網頁的域名php

2引入JS文件  <script src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>前端

3後臺引入安全

require_once ('jssdk.php');

$jssdk = new JSSDK("*****appid****", "*****AppSecret******");

$signPackage = $jssdk->GetSignPackage();

  

輸出 變量到前端微信

<script>
    wx.config({
        debug: false,
        appId: "<{$signPackage.appId}>",
        timestamp: "<{$signPackage.timestamp}>",
        nonceStr: "<{$signPackage.nonceStr}>",
        signature: "<{$signPackage.signature}>",
        jsApiList: [
        // 全部要調用的 API 都要加到這個列表中
            'onMenuShareTimeline','onMenuShareAppMessage','onMenuShareQQ'
        ]
    });
    wx.ready(function () {
        // 在這裏調用 API
        var
            title = '標題',  // 分享標題
            link = '連接內容',  // 分享連接
            desc = '分享內容描述',  //分享描述
           imgUrl = '圖片url'; // 分享圖標
        //朋友圈
wx.onMenuShareTimeline({
    title: '', // 分享標題
    link: '', // 分享連接
    imgUrl: '', // 分享圖標
    success: function () { 
        // 用戶確認分享後執行的回調函數
    },
    cancel: function () { 
        // 用戶取消分享後執行的回調函數
    }
});
//發送給好友 
wx.onMenuShareAppMessage({
    title: '', // 分享標題
    desc: '', // 分享描述
    link: '', // 分享連接
    imgUrl: '', // 分享圖標
    type: '', // 分享類型,music、video或link,不填默認爲link
    dataUrl: '', // 若是type是music或video,則要提供數據連接,默認爲空
    success: function () { 
        // 用戶確認分享後執行的回調函數
    },
    cancel: function () { 
        // 用戶取消分享後執行的回調函數
    }
});
//分享到QQ
wx.onMenuShareQQ({
    title: '', // 分享標題
    desc: '', // 分享描述
    link: '', // 分享連接
    imgUrl: '', // 分享圖標
    success: function () { 
       // 用戶確認分享後執行的回調函數
    },
    cancel: function () { 
       // 用戶取消分享後執行的回調函數
    }
});
//分享到微博
wx.onMenuShareWeibo({
    title: '', // 分享標題
    desc: '', // 分享描述
    link: '', // 分享連接
    imgUrl: '', // 分享圖標
    success: function () { 
       // 用戶確認分享後執行的回調函數
    },
    cancel: function () { 
        // 用戶取消分享後執行的回調函數
    }
});
}); </script>

調試完畢後關閉app

debug: false, 搞定
相關文章
相關標籤/搜索