钉钉开发文档

开发应用

更新时间: 2019-2-13

前端开发

项目创建

下载钉钉E应用开发者工具IDE,安装并打开。打开IDE后,选择新建项目或者打开项目(比如已有项目或Demo)

image

选择要开发的应用类型“钉钉”-“第三方个人应用”;
如果你初次编写E应用代码,可以使用我们提供的“组件/API示例”模板创建项目

image.png

点击下一步填写项目名称和项目路径,然后点击完成即可。

代码编写

打开项目,会默认进入代码编辑模式。从左到右,依次是文件操作区、代码编辑区和预览区。

image.png

  • 代码编辑
    代码编辑区可以对当前项目进行代码编写和文件的添加、删除以及重命名等基本操作。
  • 实时预览
    在代码编辑区修改任何代码都会重新编译,然后自动刷新应用。
  • 自动补全
    IDE工具针对dd接口和axml提供了大量的自动补全提示,以帮助开发者提高效率。

本地调试

  • 预览区
    这里可真实模拟在钉钉应用里的表现,并针对绝大部分的API提供了模拟功能。
  • 调试模式
    点击下方的“调试器”,可切换到调试模式。

image.png
                        ​
E应用调试工具提供了axml和acss的支持,支持组件层级、属性回写等功能;同时也包含了Chrome调试工具中的网络请求、DOM元素检查、源码Debug等。

  • 出错反馈
    当开发者在axml或者配置文件里编译出错时,保存后会对错误的信息以redbox的形式呈现给开发者。

真机预览

使用“钉钉扫码登录”并“关联应用”后,在开发者工具右上角点击“预览”按钮,选择“确认推送”,生成预览二维码,使用手机钉钉扫码预览即可。注意:请确保左上角已经正确关联了应用和组织,才能推送成功。

image.png

关联应用

image.png
                        ​
预览-确认推送

image.png

发布版本

在开发者工具右上角点击“上传按钮即可。

image.png

image.png

​                     
发布成功后,可以在开发者后台E应用的版本管理进行灰度、发布到线上等版本管理。

image.png

设置应用

设置开发人员和体验人员

请添加开发人员手机号,该开发人员即可使用开发者工具进行应用开发。
请添加体验人员手机号,该体验人员即可扫码使用体验版本的个人应用。

image.png

设置安全域名

E应用需要事先设置一个或多个服务端安全域名(或IP),E应用前端只能通过这些安全域名(或IP)与服务端进行网络通信。

本质上,E应用前端与后端的网络通信是同普通的H5前后端一样的。因此在您做快速体验时,可以填写E应用前端所在环境能访问的任何域名/IP地址,比如可以是您自己的办公电脑本机地址或者局域网内地址。
您也可借助内网穿透工具映射一个可公网访问的临时地址,注意仅用于测试开发阶段。

image.png

以上内容是否对您有帮助:
在文档使用中是否遇到以下问题(多选):
  • 内容错误
  • 更新不及时
  • 链接错误
  • 缺少代码/图片示例
  • 太简单/步骤待完善
手机号
更多建议
提交成功,感谢您的反馈!