钉钉导航栏分享按钮的显示/隐藏

隐藏

进行钉钉开发后，打开应用时右上角会有三个小点点"…"，打开之后会显示一些分享功能或者查看链接的功能，这样对于应用的安全是存在隐患的，那么如何来屏蔽这些按钮功能呢。

根据钉钉文档说明，移动端 js api需要引入

<script src="//g.alicdn.com/dingding/dingtalk-jsapi/2.0.8/dingtalk.open.js"></script>

这里说的是vue的用法，如果用jq的同学把函数变下就好

  dingLogin: function () { 
                    if (dd.ios || dd.android||dd.pc) { ///如果是钉钉客户端进入
                    
                        dd.biz.navigation.setRight({ 
                            show: false, //控制按钮显示， true 显示， false 隐藏， 默认true
                        })
                    }
                },

经过这样的代码设置，导航的分享按钮不见了，应用安全性也增加了。

显示

分享时候自定义内容和标题

// 根据钉钉文档说明，移动端 js api需要引入
<script src="//g.alicdn.com/dingding/dingtalk-jsapi/2.0.8/dingtalk.open.js"></script>
dingLogin: function () { 
                    var self = this;
                    if (dd.ios || dd.android||dd.pc) { ///如果是钉钉客户端 进入
                        dd.biz.navigation.setRight({ 
                            show: true, //控制按钮显示， true 显示， false 隐藏， 默认true
                            control: true, //是否控制点击事件，true 控制，false 不控制， 默认false
                            showIcon: true, //是否显示icon，true 显示， false 不显示，默认true； 注：具体UI以客户端为准
                            onSuccess: () => { 
                                //如果control为true，则onSuccess将在发生按钮点击事件被回调
                                dd.biz.util.share({ 
                                    type: 0, //分享类型，0:全部组件 默认； 1:只能分享到钉钉；2:不能分享，只有刷新按钮
                                    url: window.location.href,
                                    content: '我是分享的内容!',
                                    title: '我是分享的标题',
                                    image: 'http://pic24.nipic.com/20120906/2786001_082828452000_2.jpg',
                                    onSuccess: function () { 
                                        //onSuccess将在分享完成之后回调
                                        alert('偶哟分享成功了', window.location.href);
                                        
                                    },
                                    onFail: function (err) { 
                                        alert('好遗憾，分享失败了');
                                    }
                                })
                            },
                            onFail: () => {  },
                        });
                    }
                },

更多自定义导航请参考官网API：https://open-doc.dingtalk.com/microapp/dev/pqgdu0#a-nameescmqqa设置导航栏右侧多个按钮