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>
复制代码