wx-qq-share 定製微信、QQAPP內的分享內容

定製微信，手機QQ，QQ空間APP內的分享內容。

項目地址：github.com/fxss5201/wx…

示例：

，此示例暫時只提供QQ和QQ空間分享（微信須要配置參數）。

代碼參照open.mobile.qq.com/api/compone…，修改點以下：

1. 將微信改成採用最新版1.4.0，並加入updateAppMessageShareData和updateTimelineShareData方法；
2. 增長wxUrl參數，微信分享連接時該連接域名或路徑必須與當前頁面對應的公衆號JS安全域名一致便可，但手機QQ限制分享URL必須與頁面URL同一域名，不然設置不生效，因此此處增長單獨設置微信分享連接，僅在微信APP分享時會優先採用；
3. 增長type和dataUrl參數，用於設置onMenuShareAppMessage可以使用；
4. 支持import引用。

更多關於微信設置的請參照微信官方文檔

用法

使用模塊加載器

npm install --save-dev @fxss5201/wx-qq-share
複製代碼

import { setShareInfo } from '@fxss5201/wx-qq-share'

setShareInfo({
  title: 'wx-qq-share定製微信、qq分享', // 分享標題
  summary: '定製微信，手機QQ，QQ空間APP內的分享內容。定製微信，手機QQ，QQ空間APP內的分享內容。', // 分享內容
  pic: 'http://www.fxss5201.cn/wx-qq-share/share.jpg', // 分享圖片
  url: 'http://www.fxss5201.cn/wx-qq-share/', // 分享連接
  // wxUrl: '', // 微信分享連接時該連接域名或路徑必須與當前頁面對應的公衆號JS安全域名一致便可
  // 但手機QQ限制分享URL必須與頁面URL同一域名，不然設置不生效，因此此處增長單獨設置微信分享連接，微信分享會優先採用
  type: '', // 分享類型,music、video或link，不填默認爲link
  dataUrl: '', // 若是type是music或video，則要提供數據連接，默認爲空
  // 微信權限驗證配置信息，若不在微信傳播，可忽略
  WXconfig: {
    swapTitleInWX: true, // 是否標題內容互換（僅朋友圈，因朋友圈內只顯示標題）
    appId: appId, // 公衆號的惟一標識
    timestamp: timestamp, // 生成簽名的時間戳
    nonceStr: nonceStr, // 生成簽名的隨機串
    signature: signature // 簽名
  }
})
複製代碼

script 引入

從 wx-qq-share 下載 wx-qq-share.umd.min.js 文件

<script src="js/wx-qq-share.umd.min.js"></script>
<script> setShareInfo({ title: '定製微信、qq分享title', // 分享標題 summary: '定製微信、qq分享title定製微信、qq分享title', // 分享內容 pic: 'http://www.fxss5201.cn/project/share-test/img/share.jpg', // 分享圖片 url: 'http://www.fxss5201.cn/project/share-test/', // 分享連接 // wxUrl: '', // 微信分享連接時該連接域名或路徑必須與當前頁面對應的公衆號JS安全域名一致便可 // 但手機QQ限制分享URL必須與頁面URL同一域名，不然設置不生效，因此此處增長單獨設置微信分享連接，微信分享會優先採用 type: '', // 分享類型,music、video或link，不填默認爲link dataUrl: '', // 若是type是music或video，則要提供數據連接，默認爲空 // 微信權限驗證配置信息，若不在微信傳播，可忽略 WXconfig: { swapTitleInWX: true, // 是否標題內容互換（僅朋友圈，因朋友圈內只顯示標題） appId: appId, // 公衆號的惟一標識 timestamp: timestamp, // 生成簽名的時間戳 nonceStr: nonceStr, // 生成簽名的隨機串 signature: signature // 簽名 } }) </script>
複製代碼