调用App分享功能,系统分享无需申请权限

195 2023-09-11 11:33:37

分享的样式

图文分享

image.png

图片分享、截图分享、多图片分享

image.png

分享调用样式

弹出原生窗口选择平台

image.png

直接调出对应的应用(QQ、微信、微博)分享


分享JS接口

普通分享

BSL.Share('content','imageurl', 'targetUrl', 'title' ,'callbackMethod')

弹出窗口选择分享平台

content                是   分享内容

imageurl                是   分享图标

targetUrl                是   分享链接

title                        是   分享标题

callbackMethod    是   自定义回调函数。callbackMethod回调值:1成功,0失败

例:

<script>
	function Share(result){
		if(result == '1'){
			alert('分享成功');
		}else{
			alert('分享失败');
		}
	}
</script>
<a href="#" onclick="BSL.Share('分享内容', 'http://www.appbsl.cn/demo/img/share.png', 'http://www.appbsl.cn/demo/', '分享标题' , 'Share')">分享</a>
//示例中的图片不存在,无法分享的。请更换为实现存在的图片网址。

BSL.ShareImgWithTxt('platform','content','imageurl', 'targetUrl', 'title' ,'callbackMethod')

调应用直接分享

platform                是   要分享平台值,固定值。

content                 是   分享内容

imageurl                是   分享图标

targetUrl               是   分享链接

title                       是   分享标题

callbackMethod    是   自定义回调函数。回调值:1成功,0失败

platform平台值

WEIXIN                      微信

WEIXIN_TIMELINE     朋友圈

QQ                              QQ好友

QZONE                       QQ空间

SINA                            新浪

例:

<script>
    function Share(result){
        if(result == '1'){
            alert('分享成功');
        }else{
            alert('分享失败');
        }
    }
</script>
<a href="#" onclick="BSL.ShareImgWithTxt('WEIXIN','分享内容', 'http://www.appbsl.cn/demo/img/share.png', 'http://www.appbsl.cn/demo/', '分享标题' , 'Share')">分享到微信好友</a>
//示例中的图片不存在,无法分享的。请更换为实现存在的图片网址。

单图片分享

BSL.ShareImg('imageurl','callbackMethod')

imageurl                是   分享图片网址

callbackMethod    是   自定义回调函数。回调值:1成功,0失败

例:

<script>
	function Share(result){
		if(result == '1'){
			alert('分享成功');
		}else{
			alert('分享失败');
		}
	}
</script>
<a href="#" onclick="BSL.ShareImg('http://www.appbsl.cn/demo/img/share.png', 'Share')">分享</a>
//示例中的图片不存在,无法分享的。请更换为实现存在的图片网址。

BSL.ShareImgByPlatfrom('platform','imageurl', 'callbackMethod')

调应用直接分享

platform                是   要分享平台值,固定值。

imageurl                是   分享图片

callbackMethod      是   自定义回调函数。回调值:1成功,0失败

platform平台值

WEIXIN                      微信

WEIXIN_TIMELINE     朋友圈

QQ                             QQ好友

QZONE                       QQ空间

SINA                            新浪

例:

<script>
	function Share(result){
		if(result == '1'){
			alert('分享成功');
		}else{
			alert('分享失败');
		}
	}
</script>
<a href="#" onclick="BSL.ShareImgByPlatfrom('WEIXIN','http://www.appbsl.cn/demo/img/share.png',  'Share')">分享到微信好友</a>
//示例中的图片不存在,无法分享的。请更换为实现存在的图片网址。

截图分享

BSL.ShareCImg('callbackMethod')

调用弹出窗口选择分享平台

callbackMethod      是   自定义回调函数,回调值:1成功,0失败

<script>
	function Share(result){
		if(result == '1'){
			alert('分享成功');
		}else{
			alert('分享失败');
		}
	}
</script>
<a href="#" onclick="BSL.ShareImg('Share')">分享</a>

BSL.ShareCImgByPlatform('platform', 'callbackMethod')

调应用直接分享

platform平台值

WEIXIN                      微信

WEIXIN_TIMELINE     朋友圈

QQ                             QQ好友

QZONE                       QQ空间

SINA                            新浪

callbackMethod      是   自定义回调函数,回调值:1成功,0失败

例:

<script>
	function Share(result){
		if(result == '1'){
			alert('分享成功');
		}else{
			alert('分享失败');
		}
	}
</script>
<a href="#" onclick="BSL.ShareCImgByPlatform('WEIXIN', 'Share')">分享到微信好友</a>

多图分享给微信好友

BSL.ShareMultiImageToSome('data','descript')

data 是   字符串数组,大于1,小于等于9张图片。不能空。

多图分享非官方提供接口,可不申请权限。同样也没有回调。

例:

<script>
	function SharedImg(){
	var data = ["http://www.appbsl.cn/demo/img/share1.png",
                "http://www.appbsl.cn/demo/img/share2.png",
                "http://www.appbsl.cn/demo/img/share3.png",
                "http://www.appbsl.cn/demo/img/share4.png"];
        BSL.ShareMultiImageToSome(data);
	}
</script>
<a href="#" onclick="BSL.SharedImg()">分享</a>

视频分享到微信

BSL.ShareVideo('platform','title','description','imageUrl','videoUrl','callbackMethod')

latform                     是   固定值

title                           是   分享标题

description               是   分享描述

imageUrl                  是   分享图片的地址

musicUlr                   是   分享的视频地址

callbackMethod       是   自定义回调函数。回调值:1成功,0失败

platform平台值

WEIXIN                      微信

WEIXIN_TIMELINE     朋友圈

<script>
	function Share(result){
		if(result == '1'){
			alert('分享成功');
		}else{
			alert('分享失败');
		}
	}
</script>
<a href="#" onclick="BSL.ShareVideo('WEIXIN','分享标题','分享描述' ,'http://www.appbsl.cn/demo/img/share.png' , 'http://www.appbsl.cn/demo/img/share.mp4',  'Share')">分享</a>

音频分享微信

BSL.ShareMusic('platform','title','description','imageUrl','musicUlr','targetUrl','callbackMethod')

platform                    是   固定值

title                            是   分享标题

description                是   分享描述

imageUrl                   是   分享图片的地址

musicUlr                   是   分享的音乐地址

targetUrl                   是   点击后的跳转地址

callbackMethod        是   自定义回调函数回调值:1成功,0失败

platform平台值

WEIXIN                      微信

WEIXIN_TIMELINE     朋友圈

例:

<script>
	function Share(result){
		if(result == '1'){
			alert('分享成功');
		}else{
			alert('分享失败');
		}
	}
</script>
<a href="#" onclick="BSL.ShareMusic('WEIXIN','分享标题','分享描述' ,'http://www.appbsl.cn/demo/img/share.png' , 'http://www.appbsl.cn/demo/img/share.mp4', 'http://www.appbsl.cn/demo/',  'Share')">分享</a>
//分享音乐地址必须有效,无法分享。示例为无效地址。

相关教程

原生菜单栏分享内容控制

系统原生分享

分享小程序


上一篇:调用第三方登录JS接口
下一篇:控制原生菜单栏上分享按键内容
相关文章