分享功能模块
支持微信、QQ、微博三个平台。提供普通分享,单图分享,截图分享,多图分享。可调用原生分享层或直接分享到平台。JSAPI无需引放任何js文件直接调用。
提示:分享回调:1 分享成功,其它值 分享失败。所有分享图片要小于32K,未到32K的图片App会自动压缩。图片一定要存在,不存在无法分享。
BSL.Share('content', 'imageurl', 'targetUrl', 'title' , 'callbackMethod')
普通分享模式,弹出原生分享窗口。
| 参数 | 必填 | 说明 |
|---|---|---|
| content | 是 | 分享出去显示内容 |
| imageurl | 是 | 分享出去显示图标 |
| targetUrl | 是 | 分享点击时进入的联接 |
| title | 是 | 分享出去显示标题 |
| callbackMethod | 是 | 分享后回调的JS函数 |
示例代码<script> function Share(result){ if(result == '1'){ alert('分享成功'); }else{ alert('分享失败'); } }</script><a href="#" onclick="BSL.Share('分享内容', 'http://www.suishouapp.com/demo/img/share.png', 'http://www.suishouapp.com/demo/', '分享标题' , 'Share')">分享</a>//示例中的图片不存在,无法分享的。请更换为实现存在的图片网址。
BSL.ShareImgWithTxt('platform','content', 'imageurl', 'targetUrl', 'title', 'callbackMethod')
普通分享模式,直接分享到指定平台。
| 参数 | 必填 | 说明 |
|---|---|---|
| platform | 是 | 固定值。WEIXIN(微信)WEIXIN_TIMELINE(朋友圈)QQ(QQ好友)QZONE(QQ空间)SINA(新浪) |
| content | 是 | 分享出去显示内容 |
| imageurl | 是 | 分享出去显示图标 |
| targetUrl | 是 | 分享点击时进入的联接 |
| title | 是 | 分享出去显示标题 |
| callbackMethod | 是 | 分享后回调的JS函数 |
示例代码<script> function Share(result){ if(result == '1'){ alert('分享成功'); }else{ alert('分享失败'); } }</script><a href="#" onclick="BSL.ShareImgWithTxt('WEIXIN','分享内容', 'http://www.suishouapp.com/demo/img/share.png', 'http://www.suishouapp.com/demo/', '分享标题' , 'Share')">分享</a>//示例中的图片不存在,无法分享的。请更换为实现存在的图片网址。
BSL.ShareImg('imageurl', 'callbackMethod')
单图片分享模式,弹出原生分享窗口。
| 参数 | 必填 | 说明 |
|---|---|---|
| imageurl | 是 | 图片网址。要完全网址,要求图片一定是有效网址。 |
| callbackMethod | 是 | 分享后回调的JS函数 |
示例代码<script> function Share(result){ if(result == '1'){ alert('分享成功'); }else{ alert('分享失败'); } }</script><a href="#" onclick="BSL.ShareImg('http://www.suishouapp.com/demo/img/share.png', 'Share')">分享</a>//示例中的图片不存在,无法分享的。请更换为实现存在的图片网址。
BSL.ShareImgByPlatfrom('platform','imageurl', 'callbackMethod')
单图片分享模式,直接分享到指定平台。
| 参数 | 必填 | 说明 |
|---|---|---|
| platform | 是 | 固定值。WEIXIN(微信)WEIXIN_TIMELINE(朋友圈)QQ(QQ好友)QZONE(QQ空间)SINA(新浪) |
| imageurl | 是 | 图片网址。要完全网址,要求图片一定是有效网址。 |
| callbackMethod | 是 | 分享后回调的JS函数 |
示例代码<script> function Share(result){ if(result == '1'){ alert('分享成功'); }else{ alert('分享失败'); } }</script><a href="#" onclick="BSL.ShareImgByPlatfrom('WEIXIN','http://www.suishouapp.com/demo/img/share.png', 'Share')">分享</a>//示例中的图片不存在,无法分享的。请更换为实现存在的图片网址。
BSL.ShareCImg('callbackMethod')
截取当前界面分享,弹出原生分享窗口。
| 参数 | 必填 | 说明 |
|---|---|---|
| callbackMethod | 是 | 分享后回调的JS函数 |
示例代码<script> function Share(result){ if(result == '1'){ alert('分享成功'); }else{ alert('分享失败'); } }</script><a href="#" onclick="BSL.ShareCImg('Share')">分享</a>//示例中的图片不存在,无法分享的。请更换为实现存在的图片网址。
BSL.ShareCImgByPlatform('platform','callbackMethod')
截取当前界面分享,直接分享到指定平台。
| 参数 | 必填 | 说明 |
|---|---|---|
| platform | 是 | 固定值。WEIXIN(微信)WEIXIN_TIMELINE(朋友圈)QQ(QQ好友)QZONE(QQ空间)SINA(新浪) |
| callbackMethod | 是 | 分享后回调的JS函数 |
示例代码<script> function Share(result){ if(result == '1'){ alert('分享成功'); }else{ alert('分享失败'); } }</script><a href="#" onclick="BSL.ShareCImgByPlatform('WEIXIN', 'Share')">分享</a>//第一次截取会提示权限,请选择是。没有权限是无法分享。
BSL.ShareMultiImage(data,descript)
多图分享到微信,无需申请微信开放平台。(安卓版微信关闭此接口,安卓无法在用。)
| 参数 | 必填 | 说明 |
|---|---|---|
| data | 是 | 字符串数组,最少两个字符串。字符串内容为图片网址 |
| descript | 是 | 分享描述 |
示例代码<script> function SharedImg(){ var data = ["http://www.suishouapp.com/demo/img/share1.png", "http://www.suishouapp.com/demo/img/share2.png", "http://www.suishouapp.com/demo/img/share3.png", "http://www.suishouapp.com/demo/img/share4.png"]; var descript = '分享的描述'; BSL.ShareMultiImage(data,descript); }</script><a href="#" onclick="BSL.SharedImg()">分享</a>//多图分享非官方提供接口,可不申请权限。同样也没有回调。
BSL.ShareMultiImageToSome(data);
多图分享到微信好友,无需申请微信开放平台。(安卓版可用)
| 参数 | 必填 | 说明 |
|---|---|---|
| data | 是 | 字符串数组,大于1,小于等于9张图片。不能null. |
示例代码<script> function SharedImg(){ var data = ["http://www.suishouapp.com/demo/img/share1.png", "http://www.suishouapp.com/demo/img/share2.png", "http://www.suishouapp.com/demo/img/share3.png", "http://www.suishouapp.com/demo/img/share4.png"]; var descript = '分享的描述'; BSL.ShareMultiImageToSome(data); }</script><a href="#" onclick="BSL.SharedImg()">分享</a>//多图分享非官方提供接口,可不申请权限。同样也没有回调。BSL.ShareMusic(platform,title,description,imageUrl,musicUlr,targetUrl,callbackMethod)
分享音乐到微信
| 参数 | 必填 | 说明 |
|---|---|---|
| platform | 是 | 固定值。WEIXIN(微信)WEIXIN_TIMELINE(朋友圈) |
| title | 是 | 分享标题 |
| description | 是 | 分享描述 |
| imageUrl | 是 | 图片的地址 |
| musicUlr | 是 | 要分享的音乐地址 |
| targetUrl | 是 | 点击后的跳转地址 |
| callbackMethod | 是 | 回调的JS函数,只有失败有回调数据。失败:0 |
示例代码<script> function Share(result){ if(result == '1'){ alert('分享成功'); }else{ alert('分享失败'); } }</script><a href="#" onclick="BSL.ShareMusic('WEIXIN','分享标题','分享描述' ,'http://www.suishouapp.com/demo/img/share.png' , 'http://www.suishouapp.com/demo/img/share.mp4', 'http://www.suishouapp.com/demo/', 'Share')">分享</a>//分享音乐地址必须有效,无法分享。示例为无效地址。
BSL.ShareVideo(platform,title,description,imageUrl,videoUrl,callbackMethod)
分享视频到微信
| 参数 | 必填 | 说明 |
|---|---|---|
| platform | 是 | 固定值。WEIXIN(微信)WEIXIN_TIMELINE(朋友圈) |
| title | 是 | 分享标题 |
| description | 是 | 分享描述 |
| imageUrl | 是 | 分享图片的地址 |
| videoUrl | 是 | 要分享的视频地址 |
| callbackMethod | 是 | 回调的JS函数,只有失败有回调数据。失败:0 |
示例代码<script> function Share(result){ if(result == '1'){ alert('分享成功'); }else{ alert('分享失败'); } }</script><a href="#" onclick="BSL.ShareMusic('WEIXIN','分享标题','分享描述' ,'http://www.suishouapp.com/demo/img/share.png' , 'http://www.suishouapp.com/demo/img/share.mp4', 'http://www.suishouapp.com/demo/', 'Share')">分享</a>//分享视频地址必须有效,无法分享。示例为无效地址。
原生栏分享
普通分享模式,弹出原生分享窗口。参数写入html代码里面class标签内。
| 参数 | 必填 | 说明 |
|---|---|---|
| BSLimg | 否 | 图片网址。要完全网址,要求图片一定是有效网址。为空时显示App的logo图。 |
| BSLTitle | 否 | 分享出去显示标题,为空时自动读取网站标题。 |
| BSLContent | 否 | 分享出去显示内容,为空时自动读取网站标题。 |
示例代码<img src="http://www.suishouapp.com/demo/img/share.png" class="BSLimg"><div class="BSLTitle">分享出去显示标题</div><div class="BSLContent">分享出去显示内容</div>
常见问题
无调启原生分享层?
查看JS函数是否写错。注意大小写。
原生分享窗口内没有微信、QQ、微博平台分享按键
原生分享层内显示的平台是配置过值的平台才正常显示,查看【第三方配置】对应平台的值。
无法正常分享
分享功能要有对应平台的权限,要在对应开放平台进行申请。申请过程请看【帮助】内【第三方申请】栏目。
微信一闪就退
微信开放平台的包名签名与App内不付。微信APP ID 或App Secret值与App内不付。
QQ分享
现在QQ分享要求必须上架到应用宝才可以正常分享
微信\qq\微博分享权限对应的网站
微信:https://open.weixin.qq.com/
QQ:http://open.qq.com/
微博:https://open.weibo.com/
弹出原生分享窗口,窗口样式。

普通分享,图片分享样式
普通分享

图片分享
