app在线制作|app打包

会员中心

原生分享(微信、QQ、微博)

分享功能模块


支持微信、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/


弹出原生分享窗口,窗口样式。

分享.jpg

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

1526452779609624.jpg
图片分享

1526452926540388.jpg


上一篇 原生登录(微信、QQ、微博) 下一篇 状态栏(电池栏)控制
论坛资讯同步说明,本文同步自论坛:bbs.suishouapp.com,如您在论坛注册成为会员用户并且发帖,则默认论坛文章同步协议,协议内容请移步论坛查看!

          在线客服

            点击这里给我发消息

          VIP咨询
         点击这里给我发消息

          咨询热线

   18888316665

      (免费拨打)

          代理招商

   178-9531-8531

[关闭]
随手APP微信

官方微信自助客服

[关闭]