《钉钉应用开发者速成手册》之“钉钉应用开发入门——小程序”

简介: 本文将以自动免登并获取用户信息的钉钉小程序为例,帮助您快速了解企业自主开发小程序的流程。

步骤一:创建应用

参考以下步骤,在钉钉开放平台上创建企业内部小程序,并完成基础配置:

  1. 使用钉钉开发者账号登录开发者后台

    说明
    只有管理员和子管理员可登录开发者后台。
  2. 开发者后台页面,单击应用开发,然后选择企业内部开发 > 小程序,最后单击创建应用
    image.png
  3. 在弹出的创建应用页面中填写基本信息,然后单击确定创建
  • 应用类型:选择小程序
  • 开发方式:选择企业自助开发

image.png

  1. 应用创建完成后,在凭证与基础信息页面,复制应用的AppKeyAppSecret备用。
    image.png
  2. 单击开发管理进入开发管理页面,然后单击修改,并根据以下内容配置开发信息。
  • 服务器出口IP:输入调用钉钉服务端API时使用的IP即企业服务器的公网IP,多个IP请以英文逗号","隔开,支持带一个*号通配符的IP格式。最多可设置20个,并且符合IPV4规则。
  • PC端首页地址(可选):输入在PC端钉钉工作台上打开本应用的地址。链接地址必须以http或https开头。
  • 管理后台地址(可选):输入组织管理员在钉钉管理后台访问该应用的地址。

image.png

  1. 单击人员管理,然后单击添加人员添加开发人员。

    说明
    应用创建后,默认开发人员为应用创建者。只有在这里添加了开发人员,开发人员才可以在小程序IDE中关联这个应用。
    image.png
  2. 单击安全中心,然后单击添加添加一个HTTP安全域名。
    安全域名是后端服务部署的服务器的公网IP或域名。当小程序的前端与服务端需要进行网络通信时,需要设置安全域名。小程序前端只能通过已设置的安全域名(或IP)与服务端进行网络通信。当安全域名更新时,需要在小程序开发工具重新打包上传版本,设置的域名才会生效。
    image.png
  3. 单击权限管理进入权限管理页面,然后根据以下配置添加接口调用权限。说明权限管理主要包含基础权限、高级权限-微应用、高级权限-企业通讯录三个部分,还包括特殊权限申请。建议开发者自助按需申请接口权限,合理设置权限的范围。本教程中需要调用接口获取用户的姓名和userid,所以需要先添加通讯录接口权限。
  1. 权限范围选择全部员工,然后单击添加接口权限
  2. 选择通讯录 > 通讯录只读权限,单击确认。

image.png

步骤二:服务端开发

创建应用成功后,参考以下步骤完成服务端代码的配置部署:

  1. 下载服务端代码。
git clone https://github.com/open-dingtalk/org-mini-program-tutorial-java.git
  1. 导入服务端代码。
  1. 运行IntelliJ IDEA,然后在启动页面单击Open
    image.png
  2. 将下载好的服务端代码导入到项目工程。
    image.png
  3. 单击OK,完成服务端的部署。
  1. 配置服务端代码。修改src/main/java/com/dingtalk/constant/AppConstant.java文件中参数值image.png
  • AppKey:应用的唯一身份标识,填写创建应用时复制的AppKey
  • AppSecret:对应的调用密钥,填写创建应用时复制的AppSecret
  1. 启动后端服务。
    打开src/main/java/com/dingtalk/Application.java文件,运行后端服务。
    image.png
  2. 在浏览器中访问http://localhost:8080/welcome检查服务是否启动成功。
    显示如下页面表示启动成功。
    image.png

步骤三:前端开发

服务端代码配置部署成功后,参考以下步骤完成小程序前端代码的配置部署:

  1. 下载前端代码。
git clone https://github.com/open-dingtalk/org-mini-program-tutorial-front-end.git
  1. 导入前端代码。
    小程序IDE工具,然后选择已下载的小程序项目,项目类型选择钉钉 > 企业内部应用,点击完成
    image.png
  2. 登陆IDE工具。
    打开钉钉APP,扫码页面上的二维码。
    image.png
  3. 关联已创建的小程序应用小程序Demo

    说明
    如果无法关联小程序,登录开发者后台,检查开发人员是否已添加到应用的人员管理列表。
    image.png
  4. 配置前端代码。打开org-mini-program-tutorial-front-end/page/index/index.js文件修改配置信息。注意URL中的IP或者域名必须是开发者后台台中设置的本应用的安全域名。image.png
  • domain:开发者后台设置的安全域名。
  • url:服务端接口访问路径。
  1. 单击点击登录调试小程序,查看是否可以成功获取登录信息。
    image.png

步骤四:上传发布小程序

前端代码配置部署成功后,参考以下步骤完成上传和发布小程序:

  1. 单击上传,确认小程序版本,然后再次单击上传
    image.png
  2. 上传成功后,打开开发者后台,在应用详情页面,单击版本管理与发布,然后选择已上传的版本,再单击发布。
    image.png
  3. 默认发布后企业内部成员可使用该版本的应用。您可以选择使用该应用的用户范围,然后单击保存修改
    image.png
相关文章
|
6月前
|
人工智能 自然语言处理 小程序
蚂蚁百宝箱 3 分钟上手 MCP:6 步轻松构建 Qwen3 智能体应用并发布小程序
本文介绍如何用6个步骤、3分钟快速构建一个基于Qwen3与蚂蚁百宝箱MCP的智能体应用,并发布为支付宝小程序。通过结合Qwen3强大的语言理解和生成能力,以及支付宝MCP提供的支付功能,开发者可轻松打造具备商业价值的“数字员工”。案例以“全球智能导游助手”为例,支持119种语言,不仅提供旅行建议,还能收取用户打赏。文章详细说明了从登录百宝箱、创建应用、添加插件到配置角色、发布上架及手机端体验的完整流程,同时提醒当前支付功能仅适用于测试环境。适合希望探索AI应用变现潜力的开发者尝试。
983 14
|
2月前
|
缓存 小程序 前端开发
商城/点餐/家政类小程序源码合集_微信抖音小程序源码开发从入门到精通实战
本文系统讲解如何利用现有源码快速开发商城、点餐、家政类微信/抖音小程序,涵盖环境搭建、核心功能实现、多平台部署与优化,提供完整技术方案。实战导向,助力开发者高效入门与落地。
|
存储 JSON 小程序
微信小程序入门之新建并认识小程序结构
微信小程序入门之新建并认识小程序结构
222 1
|
10月前
|
JSON 小程序 UED
微信小程序 app.json 配置文件解析与应用
本文介绍了微信小程序中 `app.json` 配置文件的详细
1568 12
|
存储 缓存 开发框架
提高微信小程序的应用速度
【10月更文挑战第21天】提高微信小程序的应用速度需要从多个方面入手,综合运用各种优化手段。通过不断地优化和改进,能够显著提升小程序的性能,为用户带来更流畅、更高效的使用体验。
433 58
|
小程序 前端开发 JavaScript
微信小程序全栈开发中的PWA技术应用
【10月更文挑战第3天】微信小程序作为新兴应用形态,凭借便捷体验与社交传播能力,成为企业拓展业务的新渠道。本文探讨了微信小程序全栈开发中的PWA技术应用,包括离线访问、后台运行、桌面图标及原生体验等方面,助力开发者提升小程序性能与用户体验。PWA技术在不同平台的兼容性、性能优化及用户体验是实践中需注意的关键点。
262 5
|
小程序 前端开发 Java
SpringBoot+uniapp+uview打造H5+小程序+APP入门学习的聊天小项目
JavaDog Chat v1.0.0 是一款基于 SpringBoot、MybatisPlus 和 uniapp 的简易聊天软件,兼容 H5、小程序和 APP,提供丰富的注释和简洁代码,适合初学者。主要功能包括登录注册、消息发送、好友管理及群组交流。
345 0
SpringBoot+uniapp+uview打造H5+小程序+APP入门学习的聊天小项目
|
XML 小程序 JavaScript
小程序入门之项目配置说明和数据绑定
小程序入门之项目配置说明和数据绑定
148 1
|
人工智能 小程序 算法
微信小程序地图定位的核心技术与实际应用详解
在移动互联网时代,微信小程序凭借其轻量化和普及性,成为室内地图导航的理想平台。本文探讨了微信小程序在室内定位领域的创新应用,包括蓝牙iBeacon定位、高精度地图构建及AI路径规划等核心技术,及其在购物中心、医院、机场火车站和景区等场景的应用,展示了其为用户带来的高效、智能的导航体验。
662 0
|
小程序
浅谈提高微信小程序的应用速度
浅谈提高微信小程序的应用速度
188 2

热门文章

最新文章