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

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

要回复文章请先登录注册

德国科隆街头

德国科隆街头

安卓离线打包后点击无效 真机可以出来弹窗 尴尬
2017-11-30 20:51
轻狂小路

轻狂小路

回复 轻狂小路 :
自己找到原因了,参数message里面的href被我设置成了空
2017-10-30 14:39
轻狂小路

轻狂小路

回复 DCloud_UNI_CHB :
请问分享到微信消息失败是何原因?红色感叹号的那种失败,网络是没问题的
2017-10-30 10:36
z***@icloud.com

z***@icloud.com

回复 DCloud_UNI_CHB :
是的 谢谢
2017-10-27 10:18
DCloud_UNI_CHB

DCloud_UNI_CHB (作者)

回复 z***@icloud.com :
可以把链接地址放在内容后面,作为内容的一部分一起分享
2017-10-26 17:46
z***@icloud.com

z***@icloud.com

请问新浪微博如何分享链接?我分享出来只有文字和图片
2017-10-26 15:28
DCloud_UNI_CHB

DCloud_UNI_CHB (作者)

回复 4***@qq.com :
引用什么资源?
2017-10-09 15:36
4***@qq.com

4***@qq.com

怎么引用资源啊???
2017-10-09 10:32
我是大笨蛋

我是大笨蛋

我大鸡哥不服,你是呆子
2017-09-27 15:50
雪之梦技术驿站

雪之梦技术驿站

这种简化操作还是很方便的,赞
2017-08-29 10:52