微信JSSDK分享實踐及常見問題

請仔細查看官方文檔 微信JS-SDK

綁定js域名

登錄 微信公衆平臺 ，選擇設置裏面的【公衆號設置】，選項卡第二欄的【功能設置】，找到【JS接口安全域名】，將需要用到的域名添加，最多添加三個

注意：不需要添加http://

頁面引入js文件

<script src="http://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>

注意：如果你的域名是https，這裏同樣需要引入https域名

配置

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

• jsApiList 數組，元素爲接口名字符串，可以查看文檔最末的附錄列表

具體參數後端如何得到，你也可以將文檔拉到下方，有後端實踐示例，如果你之前做過微信支付，一定對如何獲取這些參數不陌生

分享設置

之前使用的老函數名onMenuShareTimeline 等即將廢棄，建議使用新的

wx.ready(function () {   //需在用戶可能點擊分享按鈕前就先調用
  // 自定義“分享給朋友”及“分享到QQ”按鈕的分享內容
  wx.updateAppMessageShareData({ 
    title: '', // 分享標題
    desc: '', // 分享描述
    link: '', // 分享鏈接，該鏈接域名或路徑必須與當前頁面對應的公衆號JS安全域名一致
    imgUrl: '', // 分享圖標
    success: function () {
      // 設置成功
    }
  });
  // 自定義“分享到朋友圈”及“分享到QQ空間”按鈕的分享內容
  wx.updateTimelineShareData({ 
    title: '', // 分享標題
    link: '', // 分享鏈接，該鏈接域名或路徑必須與當前頁面對應的公衆號JS安全域名一致
    imgUrl: '', // 分享圖標
    success: function () {
      // 設置成功
    }
  })
});

如果你不需要提示用戶分享結果，success 就不需要回調了

關於imgUrl需要注意以下幾點：

1. 需要使用包含域名的圖片絕對地址，不能使用相對地址
2. 如果是https ，則圖片地址也要以https開頭，不然會顯示不成功

關於title 和 link 我一般設置是獲取頁面的：

{
	title: $("title").text(),
	link: window.location.href,
}