钉钉的小程序(一)

钉钉目前支持两种类型的小程序。E应用、H5微应用。

区别:1、E应用目前不支持PC端,而微应用可以。2、调试E应用支持IDE电脑端调试,而微应用需要真机调试。

E应用的搭建流程

采用前后端分离,前段采用钉钉提供的开发工具,进行上传。请求地址要写服务端的远程地址,如果远程地址在本地则需要进行穿透。//内网穿透工具介绍:// https://open-doc.dingtalk.com/microapp/debug/ucof2g

后端采用SpringBoot搭建。

首先做一个钉钉用户登陆,要求显示当前登录用户的userId和名称


钉钉的小程序(一)_第1张图片
效果图

一、客户端发送一个远程调用请求:参数包含authCode

//替换成开发者后台设置的安全域名

let domain = "http://132.232.xx.xx:8080";

let url = domain + '/login';

二、服务端接收到这个带参请求

@RequestMapping(value = "/login", method = RequestMethod.POST)

@ResponseBody

public ServiceResult login(@RequestParam(value = "authCode") String requestAuthCode)

2.1获取accessToken

钉钉的小程序(一)_第2张图片
accessToken

2.2获取用户信息

需要2.1拿到的accessToken客户端传入的authCode,查询得到用户的ID

响应里包括了userid

钉钉的小程序(一)_第3张图片
获取用户信息

2.3获取用户姓名

根据2.1拿到的accessToken和2.2拿到的userid,查询得到用户的姓名

响应里包括了username  (响应共有35个字段)

钉钉的小程序(一)_第4张图片
response的全部内容
钉钉的小程序(一)_第5张图片
获取用户姓名

2.4将用户ID用户姓名传回客户端

存入HashMap里

钉钉的小程序(一)_第6张图片
传回客户端

三、客户端收到响应进行显示


钉钉的小程序(一)_第7张图片
客户端页面

你可能感兴趣的:(钉钉的小程序(一))