DCloud_UNI_CHB
DCloud_UNI_CHB
  • 发布:2017-08-28 19:48
  • 更新:2022-02-16 14:33
  • 阅读:27195

plusShare教程 - 分享到微信好友、朋友圈、微博等

分类:HTML5+

简介

plusShare是基于HTML5+的share模块封装的社交分享函数,开发者只需调用一个API,即可调起微信好友、微信朋友圈、系统更多分享功能。

plusShare目前支持:

  • 自动获取分享服务
  • 自动检测微信是否已安装
  • 设置分享消息标题、内容、缩略图、链接地址

plusShare的开源地址为GitHub

API介绍

plusShare只有一个方法,如下调用即可:

plusShare(message,callback);

其中:

  • message:分享内容设置
  • callback:分享结果回调

message

分享消息内容,类型为Object,主要包括如下属性:

  • title:分享消息的标题,类型为String,目前仅分享到微信好友时支持。
  • content:分享消息的文字内容,类型为String
  • href:分享的页面链接(用户点击消息时的跳转地址),类型为String
  • thumbs:分享消息的缩略图,类型为Array;

callback

分享结束的回调函数,函数包含一个参数res,boolean类型,分别表示:

  • true:分享成功
  • false:分享失败

备注:系统分享(更多分享)暂不支持判断分享是否成功

代码示例

如下是一个示例代码:

document.getElementById("share").addEventListener("click", function() {  
    //分享内容,开发者可自定义  
    var message = {  
        title: "plusShare示例", //应用名字  
        content: "plusShare基于HTML5+的share模块,开发者只需调用一个API,即可调起微信好友、微信朋友圈、系统更多分享功能",  
        href: "http://www.dcloud.io/hellomui", //分享出去后,点击跳转地址  
        thumbs: ["http://img-cdn-qiniu.dcloud.net.cn/icon3.png"] //分享缩略图  
    }  
    //调起分享  
    plusShare(message, function(res) {  
        //分享回调函数  
        if(res) {  
            plus.nativeUI.toast("分享成功");  
        } else {  
            plus.nativeUI.toast("分享失败");  
        }  
    })  
});

真机运行,点击分享到微信消息、微信朋友圈结果如下:

点击“更多分享”,然后选择短信,结果如下:

10 关注 分享
Trust lhyh 雪之梦技术驿站 田云 牛国辉 jtshushu _1900 phoeniix 9***@qq.com 小呆呆

要回复文章请先登录注册

7***@qq.com

7***@qq.com

请问打完包后shareServices.weixin报undefined怎么解决
2019-01-22 07:35
1***@qq.com

1***@qq.com

回复 木杉丶 :
不能用!!
2018-12-14 17:16
1***@qq.com

1***@qq.com

回复 kibb :
QQ和微博没办法解决了!微信很好用!有解决办法没?
2018-12-14 17:15
9***@qq.com

9***@qq.com

安卓的微信分享和朋友圈分享打不开微信 更多分享里面到微信全是文字加链接 IOS是好的
2018-11-29 18:28
1***@qq.com

1***@qq.com

分享调回只有true,咋没有false呢?
2018-10-03 14:32
jtshushu

jtshushu

{
var index = e.index;
switch(index) {
case 1: //分享到微信好友
msg.extra = {
scene: 'WXSceneSession'
};
share('weixin', msg, callback);
break;
case 2: //分享到微信朋友圈
msg.title = msg.content;
msg.extra = {
scene: 'WXSceneTimeline'
};
share('weixin', msg, callback);
break;
case 3: //分享到微信朋友圈
msg.title = msg.content;
msg.extra = {
scene: 'WXSceneTimeline'
};
share('facebook', msg, callback);
break;

case 4: //更多分享
var url = msg.href ? ('( ' + msg.href + ' )') : '';
msg.title = msg.title + url;
msg.content = msg.content + url;
openSystem(msg, callback);
break;
}



加入了facebook不能用
2018-09-27 15:21
uniapp视频教程

uniapp视频教程

不错,赞一个
2018-09-05 14:45
木杉丶

木杉丶

QQ分享怎么用呀
2018-09-05 14:44
1***@163.com

1***@163.com

打包之后不能分享为什么啊?
2018-09-03 15:16
1***@qq.com

1***@qq.com

为什么正式打包后就分享不了了呢?
2018-08-27 17:04