技術標籤：jquery

前端 微信分享

第一步：引入jweixin

<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.js"></script>
<script src="https://res.wx.qq.com/open/js/jweixin-1.5.0.js"></script>

第二步：寫分享程式碼

	$(function () {
        let url = location.href.split("#")[0];
        $.get('./action.json', { "url": url }, function (res) {
            wx.config({
                debug: true, // 開啟除錯模式,呼叫的所有api的返回值會在客戶端alert出來，若要檢視傳入的引數，可以在pc端開啟，引數資訊會通過log打出，僅在pc端時才會列印。
                appId: res.data.appId, // 必填，公眾號的唯一標識
                timestamp: res.data.timestamp, // 必填，生成簽名的時間戳
                nonceStr: res.data.nonceStr, // 必填，生成簽名的隨機串
                signature: res.data.signature,
                jsApiList: ['checkJsApi', 'updateAppMessageShareData', 'updateTimelineShareData']
            });
        })
        wx.ready(function () {
            wx.updateAppMessageShareData({
                title: '標題',
                desc: 'desc',
                link: location.href,
                imgUrl: '圖片url',
                success: function () {
                }
            });
            wx.updateTimelineShareData({
                title: '標題',
                desc: 'desc',
                link: location.href,
                imgUrl: '圖片url',
                type: 'link',
                dataUrl: '',
                success: function () {
                }
            });
        });
        wx.error(function (res) {
            console.log("shareerror")
            alert(res.errMsg);
        });
    })
 

注意

從後端獲取到config裡邊的資訊，要確保簽名正確！！！
jsapi簽名驗證工具一定要是正確的，確保分享簽名是線上環境！