dankook-student-council-login v1.0.7

dankook-student-council-login

단국대학교 총학생회 로그인 컴포넌트

Getting Started

Installation

• NPM

npm install dankook-student-council-login

• Yarn

yarn add dankook-student-council-login

Environment

• React

Usage

• React

import DankookStudentCouncilLogin from "dankook-student-council-login";

<DankookStudentCouncilLogin
  clientId={clientId}
  redirectUri={redirectUri}
  onSuccess={onSuccess}
/>;

• Next.js ssr 환경에서 동작하지 않으므로 동적 import가 필요합니다.

const DankookStudentCouncilLogin = dynamic(
  () => import("dankook-student-council-login"),
  {
    ssr: false,
  }
);

<DankookStudentCouncilLogin
    ...
/>

Property

토큰 발급 플로우

onSuccess

로그인 성공 시 authCode와 codeVerifier가 onSuccess의 인자로 반환되며, 이를 사용해서 Access Token과 Refresh Token을 발급받습니다.

interface AuthorizeResponse {
  authCode: string;
  codeVerifier: string;
}

const onSuccess = (res: AuthorizeResponse) => {
  getToken(res);
};

토큰 발급 API

POST https://danvery.com/api/oauth/token

• Parameters

  name	type	note
  grantType	string	authorization code 사용
  clientId	string	개발자에 문의하여 발급
  clientSecret	string	개발자에 문의하여 발급
  redirectUri	string
  code	string	onSuccess의 인자로 받은 authCode
  codeVerifier	string	onSuccess의 인자로 받은 codeVerifier

• Responses

  code	response key	response type
  200	accessToken	string
  	refreshToken	string
  	tokenType	string
  	scope	string