(기타) REST API를 사용하여 프런트엔드에서 인증 구현

by

방법 1. Firebase REST API 사용

  1. https://firebase.google.com/?hl=de에 액세스하고 Google 계정에 로그인합니다.
  2. 시작하기 -> 프로젝트 만들기
  3. 만들기 -> 인증 -> 시작
  4. 기본 공급자 -> 이메일/암호 활성화
  5. https://firebase.google.com/docs/reference/rest/auth#section-create-email-password 참조
    • 회원 가입
https://identitytoolkit.googleapis.com/v1/accounts:signUp?key=(API_KEY)
  • 여기서 API_KEY는 2단계에서 생성한 프로젝트의 프로젝트 설정 -> 이것이 웹 API 키입니다.
  • 요청 본문에 포함될 데이터
이메일 선 사용자가 작성하기를 원하는 이메일입니다.
비밀번호 선 생성할 사용자의 비밀번호입니다.
returnSecureToken 부울 ID 및 갱신 토큰 반환 여부입니다. 항상 정확해야 합니다.

예) fetch(url, {method: “POST”, body: {email: ~, password: ~, returnSecureToken: true}, header: {~}}

  • 응답에 포함된 데이터
아이디토큰 선 새로 생성된 사용자의 Firebase 인증 ID 토큰입니다.
이메일 선 새로 생성된 사용자의 이메일입니다.
새로 고침 토큰 선 새로 생성된 사용자의 Firebase 인증 새로고침 토큰입니다.
만료 선 ID 토큰이 만료되는 시간(초)입니다.
로컬 ID 선 새로 생성된 사용자의 UID입니다.

  • 등록
https://identitytoolkit.googleapis.com/v1/accounts:signInWithPassword?key=(API_KEY)
  • 여기서 API_KEY는 2단계에서 생성한 프로젝트의 프로젝트 설정 -> 이것이 웹 API 키입니다.
  • 요청 본문에 포함될 데이터
이메일 선 사용자가 로그인하는 데 사용하는 이메일 주소입니다.
비밀번호 선 계정의 암호입니다.
returnSecureToken 부울 ID 및 갱신 토큰 반환 여부입니다. 항상 정확해야 합니다.
  • 응답에 포함된 데이터
아이디토큰 선 인증된 사용자의 Firebase 인증 ID 토큰입니다.
이메일 선 인증된 사용자의 이메일입니다.
새로 고침 토큰 선 인증된 사용자의 Firebase 인증 새로고침 토큰입니다.
만료 선 ID 토큰이 만료되는 시간(초)입니다.
로컬 ID 선 인증된 사용자의 UID입니다.
등기 부울 이메일이 기존 계정용인지 여부.

방법 2. 나만의 REST API 만들기

  1. mongodb 아틀라스 사용
    1. https://www.mongodb.com/cloud/atlas/register 등록 또는 로그인
    2. 데이터베이스를 탑재 -> M0(프리 티어)을 선택하고 이름을 지정합니다.
    3. 사용자 이름 및 비밀번호 설정 -> 나중에 필요하므로 기억하기 쉽게 설정하십시오.
    4. 내 현재 IP 추가를 클릭합니다.
    5. 연결 -> 애플리케이션 연결 -> 생성된 데이터베이스에 대한 링크 복사
  2. 다운로드한 파일을 vsCode로 엽니다.
  3. 터미널에 npm 설치
  4. 1-5단계에서 복사한 링크를 .env의 DATABASE_URL에 붙여넣기 -> 파트 1-3에 지정된 비밀번호로
    • …mongodb.net/여기에 데이터베이스 이름 쓰기(임의의 이름)?반복…
  5. npx prisma db 푸시인 터미널
  6. npm은 터미널에서 dev를 실행합니다.
  7. 우편 배달부 또는 프런트엔드 로직으로 테스트
  • 요청 본문에 포함될 데이터
    • 이메일, 비밀번호, 이름
  • 응답에 포함된 데이터
    • 토큰, 사용자 ID
'추천 관련글,