QQ分享调用及坑点

最近在做一个h5活动页，要求是能够在微信，qq，浏览器中自定义分享，由于之前没做过，所以走了不少弯路，在这记录一下也算是给自己这个活动一个总结。

这篇介绍qq分享（定制微信，手机QQ，QQ空间APP内的分享内容）：

腾讯移动web开发平台文档：http://open.mobile.qq.com/api/component/share

1.在页面中直接引入:

<script src="qqShare.js"></script>

2.调用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',
     });

坑点~~~~~~~~：

①设置好了，发现分享不起作用（测试时一般页面在本地）

解决： （页面最好放在外网能访问的域名底下）由于手机QQ限制，分享URL必须与页面URL同一域名，也就是说，分享最好是当前的页面的url，并且是在（一般是用公司的域名）的域名底下。

 

 

② 按照文档的设置好，域名也是对的，但是分享还是没有效果

解决: 看下你的域名是不是com，cn 等的常见域名，.xin好像是不识别。楼主自己碰到的，改成 .com 的域名就好了（ps:因为这个问题被坑了一天,>>>_<<<<emmmmmm）。

 

③分享消息的图片不显示

解决：将上面的pic换成域名下的绝对路径

 

希望能帮到同样在坑里的小伙伴们~~~~~

好了，这是QQ的分享，要了解微信分享的点这里： 微信分享JS-sdk接口调用及分享实例