美文网首页
钉钉H5接入流程

钉钉H5接入流程

作者: 阿狸清纯的容颜 | 来源:发表于2020-12-09 16:28 被阅读0次

成功后示例

开发前准备:

1,开放平台注册申请权限

2,选择钉钉应用类型,创建应用,获取AppKey,AppSecret,CORP_ID

3,准备开发环境 静态页面、JS,CSS放在ngnix,本地接口用tomcat。(这个我在想flutter 如何能够放到里面不是太理解)

4,调试:钉钉的H5微应用调试只能“真机”调试,所以建议调试的时候使用内网穿透工具

5,JSAPI免登授权码  获取当前钉钉登录用户的账号信息,需要通过免登授权码换取 (这个需要后端api进行辅助 前端和后端才能进行通信)

一,填写基础信息


 第二步. 配置开发信息,配置完点击创建应用即可。


 配置完成之后,信息如下:

在开发者后台添加完大概就这样了, 其他信息:如 回调URL(在服务端搭好之后填写), 首页地址等, 后续可以修改.

 服务端

    1. 相关配置参数可参照上面 应用基础信息 那张图来一 一对应 .

    2. 所有的关键信息 是存储在服务端的, 如我们的suiteKey/suiteSecret/suiteTicket/aesKey/token;

    3. 所以和钉钉相关的数据交互都是在服务端,后台完成的, 除了获取免登授权码;

    4. 我们的前端和我们的服务端交互过程中,corpId 由前端获取, 传递给我们;

    5. 服务端和钉钉交互所使用的accessToken , 可以每次都去钉钉重新获取, 但是更建议在有效期内, 后端获取一次, 然后存储在前端, 每次的数据交互将token 传递给后端;

    6. 钉钉向我们服务器发送请求, 也就是钉钉应用里面的回调地址;

    7. 钉钉的所有消息都是通过回调通知我们的, 而且消息的结构是一致的;

构建发布程序, 发布到自己的服务器上. 如果使用内网穿透工具, 请忽略;

根据上面的相关说明将服务端放置在自己的公网服务器也好,或者使用相关的 内网穿透工具 也好  (自行解决)

总之, 现在要有一个可以访问我们 服务端项目的公网地址 

确保你自己的服务器可以使用公网地址访问到,并且成功返回数据;

同时确保:

必须有回调地址借口用来接收钉钉发送的消息;                                    (本文示例地址:/ding/callback)

必须有一个接收免登授权码和企业corpId 来返回用户信息的接口;      (本文示例地址:/ding/login )

 四. 实现授权 > 激活流程,将微应用添加到企业客户端的应用列表中

公网可以访问的服务端地址, 接收钉钉发给我们的消息(回调地址)如:http://ding.lnexin.cn/server/ding/callback,我们自己的登录地址,如:http://ding.lnexin.cn/server/ding/login

在钉钉开发者平台创建配置好的一个H5微应用;

确保服务端的参数和微应用的基础信息一致;

  完成上述步骤,在客户端依旧是没有应用入口的,如:

下面需要在开发者平台进行授权

最后能在钉钉上使用了 基本就是这样一个流程 如果感觉不太详细 点击下面链接看就可以

以上文章通过读 https://www.cnblogs.com/applerosa/p/11509512.html

相关文章

  • 钉钉H5接入流程

    成功后示例 开发前准备: 1,开放平台注册申请权限 2,选择钉钉应用类型,创建应用,获取AppKey,AppSec...

  • API钉钉接入---审批流程

    前一段时间由于业务的需求,需要在项目中接入钉钉中的审批功能,于是哼哧哼哧的看了一波,难免会有磕磕碰碰,这里...

  • 钉钉登录流程(钉钉内部应用,h5微应用)

    一、免登流程: 1、获取授权码code(前端) Index.html中引入(引入JSAPI) 在需要获取授权码的v...

  • IOS接入钉钉分享

    工作需求在我们应用内要接入钉钉分享,于是花了点时间去处理这个任务;钉钉分享其实很微信分享类似,而且比微信还要简单些...

  • Prometheus Operator配置钉钉告警

    配置钉钉告警 1、注册钉钉账号->机器人管理->自定义(通过webhook接入自定义服务)->添加->复制webh...

  • 钉钉打卡流程

    第一步:打开钉钉APP之后,找见工作台,点进去 第二步:点左上角,我们一般最少都会有两个名称 第三步:找见中国东方...

  • 企业微信接入(创建应用)

    作为一个java新手之前做钉钉接入的时候是直接搬砖,代码和流程也不怎么清楚,能用就行。由于身处国企,领导们挺抵触安...

  • h5仿钉钉实战项目|仿钉钉办公聊天界面

    html5仿钉钉移动智慧办公|仿钉钉聊天界面|移动端办公webapp 这几天一直在开发h5仿钉钉项目,使用到了ht...

  • 钉钉群自定义机器人for Python

    一、机器人接入 1、钉钉自定义机器人接入官方文档[https://open.dingtalk.com/docume...

  • 钉钉开放平台接入基本介绍

    一、整体介绍 钉钉分企业内部开发、ISV开发和集成服务商。 下面介绍的是ISV的接入流程。 应用服务商(ISV)是...

网友评论

      本文标题:钉钉H5接入流程

      本文链接:https://www.haomeiwen.com/subject/wyphgktx.html