钉钉H5应用实现右上角分享功能

钉钉有一个biz.navigation.setRight可以配置右上角图标,然后通过biz.util.share配置分享信息。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
dd.ready(function () {
dd.biz.navigation.setMenu({
backgroundColor: '#ADD8E6',
textColor: '#ADD8E611',
items: [
{
'id': '1',
'iconId': 'file',
'text': '帮助',
'url': require('../assets/images/menu_help.png')
}
],
onSuccess: function (res) {
dd.biz.util.share({
type: 0,
url: "分享的链接",
title: "分享的标题",
content: "分享的描述",
image: "分享的封面"
})
}
})
})

其他问题

1、Android分享到看看时,偶现“正在识别中”不展示配置的分享信息

经过排查发现配置的content字段为空(只要所有配置项都有值,安卓的分享到看看、分享到圈子就是正常的)。

2、H5页面多次来回跳转后,配置分享信息不正确

H5中使用了keep-alive保持返回后固定在原位置,所以配置代码放在了updated里。切换到其他固定页面时,是在created中声明的配置。

两者的运行顺序有时候会不一致,导致出现错配的问题。

解决方法也比较简单,把重设分享的配置代码移到了vue-routerrouter.afterEach事件中。

3、进入首页时马上点击分享,分享内容不是配置的信息

加载远程SDK时,SDK未加载完成而配置代码已经执行完毕,导致未配置成功。建议下载远程SDK文件至本地,然后本地进行引用。

4、分享到看看、圈子的内容不显示封面图

封面图的URL路径中存在中文、特殊符号,建议使用英文字母、数字作为封面图命名。


评论区