腾讯移动 Web 对外分享组件接口文档

Question

组件地址

http://qzonestyle.gtimg.cn/qzone/qzact/common/share/share.js

组件功能

定制微信，手机 QQ，QQ 空间 APP 内的分享内容。

组件接口

/**
 * 定制接口
 * @param opts 定制内容
 */
setShareInfo({
  title:    '父爱，在你看不到的地方', // 分享标题
  summary:        '父爱如山，感觉不到只因身在此山中', // 分享内容
  pic:         'http://qzonestyle.gtimg.cn/aoi/sola/20150617094556_OvfOpoRKRB.png', // 分享图片
  url:         'http://qzs.qzone.qq.com/qzone/qzact/act/2015/father-day-m/index.html', // 分享链接
  // 微信权限验证配置信息，若不在微信传播，可忽略
  WXconfig: {
    swapTitleInWX: true, // 是否标题内容互换（仅朋友圈，因朋友圈内只显示标题）
    appId: appId, // 公众号的唯一标识
    timestamp: timestamp, // 生成签名的时间戳
    nonceStr: nonceStr, // 生成签名的随机串
    signature: signature // 签名
  }
});

未使用模块加载器

<script type="text/javascript" src="http://qzonestyle.gtimg.cn/qzone/qzact/common/share/share.js"></script>
<script type="text/javascript">
  setShareInfo({
         title:    '父爱，在你看不到的地方',
         summary:        '父爱如山，感觉不到只因身在此山中',
         pic:         'http://qzonestyle.gtimg.cn/aoi/sola/20150617094556_OvfOpoRKRB.png',
         url:         'http://qzs.qzone.qq.com//qzone/qzact/act/2015/father-day-m/index.html',
         WXconfig:    {
          swapTitleInWX: true,
          appId: '',
          timestamp: '',
          nonceStr: '',
          signature: ''
         }
  });
</script>

使用 seajs

seajs.use('http://qzonestyle.gtimg.cn/qzone/qzact/common/share/share.js', function(setShareInfo) {
  setShareInfo({
   title:    '父爱，在你看不到的地方1',
   summary:        '父爱如山，感觉不到只因身在此山中2',
   pic:         'http://qzonestyle.gtimg.cn/aoi/sola/20150617094556_OvfOpoRKRB.png',
   url:         'http://qzs.qzone.qq.com//qzone/qzact/act/2015/father-day-m/index.html',
   WXconfig:    {
    swapTitleInWX: true,
    appId: '',
    timestamp:'',
    nonceStr: '',
    signature: ''
   }
  });
});

使用 requirejs

require(['http://qzonestyle.gtimg.cn/qzone/qzact/common/share/share.js'], function(setShareInfo) {
  setShareInfo({
    title:    '父爱，在你看不到的地方',
    summary:        '父爱如山，感觉不到只因身在此山中',
    pic:         'http://qzonestyle.gtimg.cn/aoi/sola/20150617094556_OvfOpoRKRB.png',
    url:         'http://qzs.qzone.qq.com//qzone/qzact/act/2015/father-day-m/index.html',
    WXconfig:    {
     swapTitleInWX: true,
     appId: '',
     timestamp:'',
     nonceStr: '',
     signature: ''
    }
  });
});

测试页面

注意事项

1. 由于手机 QQ 限制，分享 URL 必须与页面 URL 同一域名，否则设置不生效。
2. 可根据当前页面的客户端环境，判断是否需要 WX 配置，减少不必要请求。