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

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

要回复文章请先登录注册

mfxhb

mfxhb

TypeError: Cannot read property 'plus' of undefined

uniapp项目这个文件应该放在哪里
2022-02-16 14:33
1***@qq.com

1***@qq.com

PHP网站怎么弄呢?谁搞过吗
2021-11-08 22:24
神仙姐姐

神仙姐姐

您好,为什么我在我的html页面里边用这个会提示plusShare is not defined?这个必须要HBuilder真机运行、打包后才能使用吗
2021-03-08 22:40
1***@qq.com

1***@qq.com

请问各位参数里的href值,怎么设置为当前页面的,mui开发的app
2021-01-28 18:02
平安一生qq

平安一生qq

回复 9***@qq.com :
请问,这个问题解决了吗?
另外问下,我分享的链接应该怎么写呐?我这是打的app的包,不是浏览器的页面。是要微信点击链接唤醒我的app然后访问对应页面吗?
2020-12-18 18:17
平安一生qq

平安一生qq

问下,这个打包成app是不是不能用?
2020-12-18 17:54
平安一生qq

平安一生qq

不好意思,我错了,没有仔细看文章,刚刚发现上面有github的链接
2020-12-18 17:19
平安一生qq

平安一生qq

我使用了上面的示例,ReferenceError: plusShare is not defined,报这个错误,打包后在手机上运行,也是无法调起分享,请问,是不是需要另外引入其他依赖
2020-12-18 17:16
2***@qq.com

2***@qq.com

微信多图分享怎么搞?现在微信不支持多图
2020-05-30 10:16
前端开发者福建

前端开发者福建

回复 3***@qq.com :
分享出去的链接不能是APP的链接吧,在分享出去的页面再次分享微信调用的是微信的分享而不是APP的分享?个人理解
2020-05-06 17:35