[关闭]
@wwanghee 2017-04-26T02:30:46.000000Z 字数 1102 阅读 745

【腾讯项目】公共组件系列—手Q移动端分享统一解决方案


此方案适用于手QH5的分享场景,支持场景如下:

tapd_10018751_1429796341_3.png-89kB

一、接入流程

1、使页面具有分享的能力

代码如下,shareinfo的内容请自行替换,可以直接复制代码到合适的地方即可。

  1. //表情分享功能
  2. getScript('http://imgcache.qq.com/club/themes/common/qt/widget/setShare.js', function(){
  3. var shareinfo = {
  4. title: '标题',
  5. description: '描述',
  6. imageUrl: '分享消息的缩略图',
  7. mShareUrl: '分享目前页面URL,选填。不填默认是本页面',
  8. puin: '官方来源公众号帐号,选填',
  9. sourceName: '自定义来源,选填,配合puin使用'
  10. };
  11. new Share(shareinfo);
  12. });
  13. function getScript(url, callback) {
  14. var node = document.createElement('script'),
  15. script = document.getElementsByTagName('script')[0];
  16. node.src = url;
  17. node.type = 'text/javascript';
  18. node.onload = node.onerror = node.onreadystatechange = function () {
  19. /loaded|complete|undefined/.test(node.readyState) && function () {
  20. node.onload = node.onerror = node.onreadystatechange = null;
  21. node.parentNode.removeChild(node);
  22. node = undefined;
  23. callback && callback();
  24. }();
  25. };
  26. script.parentNode.insertBefore(node, script);
  27. }

2、被分享的页面具有智能跳转的能力

代码如下,推荐最优先加载,可以直接复制使用,有需要直出的朋友自行直出:

  1. <script src="http://imgcache.qq.com/club/themes/common/qt/widget/shareHandler.js" inline></script>

二、方案更新

[2016-1-18]

1、优化了分享白名单机制,凡是qq.com的三级及以上域名,如:xxx.qq.com,xxx.yyy.qq.com等,都是可以允许访问的。

[2017-4-10]

1、支持新的微信跳转方式

2、接入安全中心的策略

添加新批注
在作者公开此批注前,只有你和作者可见。
回复批注