1.登录成功,进入钉钉管理后台,点击工作台。
2.添加自建应用,依次填写相关信息(首页地址为系统访问网址),微应用创建成功后生成AgentID,方便后续开发使用。
3.设置成功,可在移动端工作台打开微应用静态页面。
4.动态交互:基于钉钉容器的H5开发,钉钉提供了一些Native(标识符native可以与所有其它的java标识符连用,abstract除外,一个native method方法可以返回任何java类型,我们可以在一个native method的本地实现中访问所有的java特性)能力的jsapi,这些api有很多是手机的基础能力。js写法主要分两种情况:
- 对调用不需要进行鉴权的api(即不需要进行dd.config),只需要在dd.ready里面调用即可。
- 对于一些钉钉业务相关、安全相关的api调用,我们需要开发者先进行鉴权再进行调用(即dd.config)。详情参见开发文档
- 代码实现: api调用文档
<script type="text/javascript" src="http://g.alicdn.com/dingding/open-develop/1.5.1/dingtalk.js"></script>
<script>
dd.ready(function(){
//需要鉴权再进行调用 (dd.config)
//dd.config({
//agentId : _config.agentid,
//corpId : _config.corpId,
//timeStamp : _config.timeStamp,
//nonceStr : _config.nonceStr,
//signature : _config.signature,
//jsApiList : [ 'runtime.info', 'biz.contact.choose',
//'device.notification.confirm', 'device.notification.alert',
//'device.notification.prompt', 'biz.ding.post',
//'biz.util.openLink' ]
//});
//不需要进行鉴权的api调用
dd.ready(function(){
dd.runtime.permission.requestAuthCode({
corpId :'corpId',
onSuccess : function(info) {
$.ajax({
url : '请求地址',
type : 'post',
dataType:"json",
data:data,
processData : false,// 告诉jQuery不要去处理发送的数据
contentType : false,// 告诉jQuery不要去设置Content-Type请求头
success : function(data, status, xhr) {
alert('1');
},
error : function(xhr, errorType, error) {
alert('0');
}
});
},
onFail : function(err) {
alert('fail: ' + JSON.stringify(err));
}
});
});
});
</script>版权声明:本文为bai_cai_pei原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。