微信app右上角自帶分享功能

   不論是微信公眾號還是微信小程序或者是用微信打開的別的鏈接，用戶都可以進行微信分享出去，對於自定義微信分享功能會和默認分享存在一些樣式區別。這就是為什么還要自定義微信分享功能。

1、在微信公眾號的后台進行設置：公眾號設置-->功能設置-->JS接口安全域名，打開這個頁面之后你會看到下面的提示。需要先下載這個文件並上傳到指定域名的根目錄。

2、可以通過開發-->接口權限查看自己是否獲取到了分享事件的權限。

3、在頁面引入JS文件：

http://res.wx.qq.com/open/js/jweixin-1.2.0.js

注：支持https；支持使用 AMD/CMD 標准模塊加載方法加載；應盡可能早的加載，建議放置到頁面head里加載。

4、配置config：

所有需要使用JS-SDK的頁面必須先注入配置信息，否則將無法調用。

wx.config({
    debug: true, // 開啟調試模式,調用的所有api的返回值會在客戶端alert出來，若要查看傳入的參數，可以在pc端打開，參數信息會通過log打出，僅在pc端時才會打印。
    appId: '', // 必填，公眾號的唯一標識
    timestamp: , // 必填，生成簽名的時間戳
    nonceStr: '', // 必填，生成簽名的隨機串
    signature: '',// 必填，簽名
    jsApiList: [] // 必填，需要使用的JS接口列表
});

4、配置成功回調：

wx.ready(function(){
   // ...
});

由於config是一個異步操作，所以如果需要在頁面加載時就調用相關接口，則須把相關接口放在ready函數中調用來確保正確執行。對於用戶觸發時才調用的接口，則可以直接調用，不需要放在ready函數中。

注：無論config成功或失敗，ready中的內容都會被執行！

分享到朋友圈

wx.updateTimelineShareData({

    title: '', // 分享標題
    link: '', // 分享鏈接，該鏈接域名或路徑必須與當前頁面對應的公眾號JS安全域名一致
    imgUrl: '', // 分享圖標
    success: function () {
    
    },
    cancel: function () {

    }
});

分享到好友或群

wx.updateAppMessageShareData({

    title: '', // 分享標題
    desc: '', // 分享描述
    link: '', // 分享鏈接，該鏈接域名或路徑必須與當前頁面對應的公眾號JS安全域名一致
    imgUrl: '', // 分享圖標
    type: '', // 分享類型,music、video或link，不填默認為link
    dataUrl: '', // 如果type是music或video，則要提供數據鏈接，默認為空
    success: function () {
    // 用戶確認分享后執行的回調函數
    },
    cancel: function () {
    // 用戶取消分享后執行的回調函數
    }
});

分享開發調試時注意事項

1、分享出去的外鏈的域名必須和公眾號后台配置的JS安全域名一致，否則會導致分享的失敗

2、原有的 wx.onMenuShareTimeline、wx.onMenuShareAppMessage、wx.onMenuShareQQ、wx.onMenuShareQZone 接口，即將廢棄。請盡快遷移使用客戶端6.7.2及JSSDK 1.4.0以上版本支持的 wx.updateAppMessageShareData、wx.updateTimelineShareData接口。

3、分享到朋友圈是沒有分享描述desc字段的，加上就會分享失敗

4、獲取簽名數據的時候傳遞的url不能帶#，let url = encodeURIComponent(location.href.split('#')[0]); 。