DingTalk 코드 스캐닝을 통합하여 웹 애플리케이션에 로그인

배경:

최근에는 DingTalk 코드 스캐닝 로그인을 내 시스템에 통합해야 한다는 요구 사항이 있었습니다.

성취하다

DingTalk 공식 문서 에 따르면 통화 절차는 다음 7단계로 구분됩니다.

1단계: DingTalk Developer Backend 에 로그인하고 애플리케이션을 생성 및 구성합니다.

  1. 내부 엔터프라이즈 애플리케이션(H5 마이크로 애플리케이션)을 예로 들어 보겠습니다.
  2. H5 마이크로 애플리케이션 관련 정보, 개발 모드, 서버 내보내기 IP, 애플리케이션 홈페이지 주소 등을 구성합니다.

2단계: 인터페이스 호출 권한을 추가합니다.

3단계: 테스트용 공개 도메인 이름을 생성하도록 frp 인트라넷 침투를 구성합니다.

4단계: DingTalk 개발자 백엔드 에 로그인하고 타사 웹사이트의 콜백 도메인 이름을 설정합니다.

5단계: 백엔드 서비스 구축

6단계: 타사 웹사이트에 로그인합니다.

7단계: 제3자 웹사이트 주소를 방문하여 사용자의 개인정보를 획득합니다.

  1. 구축된 타사 웹사이트 주소를 브라우저에 입력하세요.
  2. QR 코드를 스캔하거나 DingTalk 계정으로 로그인하세요.
  3. 로그인 후 인증 페이지를 엽니다.
  4. 승인 페이지에서 동의를 클릭하고 관련 작업을 시작하세요.
  5. 사용자의 개인정보를 얻습니다.

공식 문서는 매우 명확합니다. 단계별로 단계를 따르십시오.

질문

몇 가지 문제가 발생했습니다.

  1. 처음 Baidu에서 Springboot 통합 DingTalk 스캔 코드 로그인을 검색했을 때 모든 사람들이 말하는 내용이 DingTalk 공식 문서와 일치하지 않는 것을 발견하고 매우 혼란스럽고 혼란스러웠습니다. 나중에 DingTalk 문서가 이전 버전과 새 버전을 구별한다는 것을 깨달았습니다. 다들 블로그에 이렇게 말하더군요 기본적으로는 이전 버전과 동일하지만 딩톡에서는 공식적으로 더 이상 이전 버전 사용을 권장하지 않고 새 버전 사용을 권장하고 있습니다.
    이전 버전에서는 DingTalk 코드를 스캔하여 타사 웹사이트의 공식 문서에 로그인할 수 있으며,
    새 버전에서는 DingTalk 코드를 스캔하여 타사 웹사이트의 공식 문서에 로그인할 수 있습니다.
  2. 3단계를 건너뛸 수 있습니다. frp 인트라넷 침투 단계를 구성하고 콜백 주소를 http://localhost:8080/callback;으로 직접 구성할 수 있습니다.

암호

gitee 주소: 코드 데모

추천

출처blog.csdn.net/weixin_39651041/article/details/130113154