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

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 小呆呆

要回复文章请先登录注册

3***@qq.com

3***@qq.com

回复 3***@qq.com :
你的微信公众号没有认证,微信分享无法自定义
2020-04-17 21:48
3***@qq.com

3***@qq.com

本人已经解决,可以指定分享页面里的图片为分享图,内容描述可以截取文章里的内容,需要的加我微信 17306370021
2020-04-17 21:47
不想你丶

不想你丶

IOS13 点击分享会整个APP闪退
2020-03-18 12:53
3***@qq.com

3***@qq.com

分享给微信好友,在微信里面打开分享的链接点击右上角再次分享给好友或者朋友圈,只显示链接,不显示缩略图和文字,请问是什么原因呢
2020-03-03 21:54
竹水

竹水

分享以后 显示plusShare基于HTML5+的share模块,开发者只需调用一个API,即可调起微信好友、微信朋友圈、系统更多分享功能( http://www.dcloud.io/hellomui ) http://www.dcloud.io/hellomui
可以看下plusShare。js
最下面
var url = msg.href ? ('( ' + msg.href + ' )') : '';
msg.title = msg.title + url;
msg.content = msg.content + url;
openSystem(msg, callback);
2020-02-07 12:03
8***@qq.com

8***@qq.com

为啥没有图片呀,只有content和href,求楼主解惑,谢谢
2020-01-13 16:19
9***@qq.com

9***@qq.com

分享到微信,我的也没显示图片,就一串文字和链接
2019-07-20 18:10
4***@qq.com

4***@qq.com

回复 t77131 :
解决没有,分享出去是链接,没有图片
2019-07-06 19:28
t77131

t77131

为什么我复制的实例代码,分享到微信却是这样的效果了?

plusShare基于HTML5+的share模块,开发者只需调用一个API,即可调起微信好友、微信朋友圈、系统更多分享功能( http://www.dcloud.io/hellomui ) http://www.dcloud.io/hellomui
2019-05-08 15:41
Flickerx

Flickerx

安卓的微信分享和朋友圈分享打不开微信 更多分享里面到微信全是文字加链接 IOS是好的。
2019-04-07 23:12