随笔 - 2649  文章 - 2452  评论 - 0  阅读 - 80424

showSharePanel 打开分享界面(Promise返回)

showSharePanel ^6.8

打开分享界面(Promise返回),微信,朋友圈,qq或者更多

#请求参数

Prop Type Default Comment
link String N/A 分享链接
imgUrl String N/A 分享图标
pic String N/A 分享图标-- 安卓特有 8.1后生效
desc String N/A 分享描述
title String N/A 分享标题
dataUrl String N/A 如果type是music或video, 则要提供数据链接,默认为空
customShareList Array N/A 自定义分享类型
shareBlackList Array N/A 黑名单列表,在黑名单内不显示,取值有wx,wxTimeLine,qq,qzone,weibo

customShareList的props

Prop Type Default Comment
label String N/A 自定义分享按钮名字
iconUrl String N/A icon的链接
tag String N/A 自定义的标签,用于event回调的标识eventName

#接口调用示例

const params = {
  title: 'hello world', // 分享标题
  desc: 'i love this world', // 分享描述
  link: '', // 分享链接
  imgUrl: '', // 分享图标
  pic: '', // 分享图标 安卓特有 v8.1
  dataUrl: '', // 如果type是music或video,则要提供数据链接,默认为空
  customShareList: [
    {
      label: '抖音', // '自定义分享按钮名字,',
      iconUrl: 'https://midea-images.mideav.com/meiju/yunMute0.png',
      tag: 'douyin',
    },
  ], //自定义扩展分享按钮,
  shareBlackList: [], //黑名单列表,在黑名单内不显示,取值有wx,wxTimeLine,qq,qzone,weibo
}
this.$bridge
  .showSharePanel(params)
  .then(res => {
    this.$alert(res)
  })
  .catch(err => {
    this.$toast(err)
  })

#非自定义的返回参数

  • 成功时返回
Prop Type Default Description
shareType String N/A 分享类型,//weibo,wx,wxTimeline,qq,qzone,refresh,copyUrl,openUrl, cancel(shareType为空或cancel为取消分享)
errorCode Number N/A 0 操作成功
  • 失败时返回
Prop Type Default Description
errorMessage String N/A 错误消息
errorCode Number N/A 错误码

#自定义分享按钮的点击回调通过event传输,

globalEvent("receiveMessageFromApp") 通知H5页面,返回的数据为

this.$bridge.addEventListener('receiveMessageFromApp', (res) => {
  if (res.messageType == 'extendShareItemClick') {
    // { messageType: "loginResult", messageBody: {status:0} } //0:成功登录
    console.log('mainjs....receiveMessageFromApp..........', res)
  }
  //res为如下:
  /*
  { 
    messageType: 'extendShareItemClick', //消息类型,H5通过这个类型判断是否获取数据
    messageBody: {"itemTag":"xxx"}  //菜单按钮的唯一标识 等于入参中的 customShareList.tag的值
  }
  */
})
posted on   AtlasLapetos  阅读(4)  评论(0编辑  收藏  举报
编辑推荐:
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
阅读排行:
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· AI技术革命,工作效率10个最佳AI工具
< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

点击右上角即可分享
微信分享提示