spring boot + vue3 接入钉钉实现扫码登录

要在Spring Boot后端与Vue 3前端应用中接入钉钉实现扫码登录，你需要按以下步骤操作：

1. 在钉钉开放平台创建应用，获取AppKey和AppSecret。
2. 在Spring Boot后端实现接口以处理钉钉的回调。
3. 在Vue 3前端发起扫码登录请求，并处理用户授权后的回调。

以下是简化的代码示例：

Spring Boot后端：

@RestController
@RequestMapping("/api/login")
public class LoginController {
 
    @Autowired
    private DingTalkService dingTalkService;
 
    // 获取扫码登录地址
    @GetMapping("/dingtalk")
    public String getDingTalkLoginUrl() {
        return dingTalkService.getLoginUrl();
    }
 
    // 钉钉回调
    @GetMapping("/callback")
    public String handleDingTalkCallback(@RequestParam("code") String code) {
        return dingTalkService.handleCallback(code);
    }
}

DingTalkService 服务类：

@Service
public class DingTalkService {
 
    private final String appKey = "你的AppKey";
    private final String appSecret = "你的AppSecret";
    private final String callbackUrl = "你的回调URL";
 
    public String getLoginUrl() {
        // 构建登录URL
        return "https://oapi.dingtalk.com/connect/qrconnect?appid=" + appKey + "&response_type=code&scope=snsapi_login&state=STATE&redirect_uri=" + callbackUrl;
    }
 
    public String handleCallback(String code) {
        // 使用钉钉API获取access_token和用户信息
        String result = // 调用API获取access_token和用户信息
        // 处理用户信息，例如生成JWT等
        return result;
    }
}

Vue 3前端：

<template>
  <div>
    <button @click="loginWithDingTalk">使用钉钉扫码登录</button>
  </div>
</template>
 
<script>
export default {
  methods: {
    loginWithDingTalk() {
      window.location.href = "http://你的后端服务地址/api/login/dingtalk";
    }
  }
}
</script>

在用户点击按钮后，前端会重定向到后端提供的钉钉登录URL。钉钉服务器处理完成用户扫码并授权后，会回调你在后端设置的callbackUrl，并附带code参数。后端服务需要使用这个code去请求钉钉的API获取access\_token和用户信息，然后处理登录逻辑。

注意：以上代码仅为示例，实际实现时需要处理更多细节，如错误处理、缓存access\_token、用户信息处理等。