본문 바로가기
Dart/Flutter

[Flutter] 소셜 애플 로그인(Sign In with Apple) 구현하기

by 검은냥냥이 2023. 4. 3.

해당 글에서는 애플 개발자 등록 및 파이어베이스 등록 및 절차에 관한 내용은 넘어간 후의 애플 로그인 구현을 설명드리겠습니다.

 

Apple 로그인에서 제공되는 정보

이름 : 필수로 받습니다. 단, 유저의 이름은 직접 수정도 가능하기 때문에 실명이 아닐 수 있습니다.

이메일 : 선택입니다.

이외 전화번호, 프로필 사진 등 다른 소셜 로그인에서 제공되는 정보는 받아 올 수 없습니다.

 

Firebase 설정

프로젝트에 맞게 Firebase에서도 프로젝트를 생성해 줍니다.

 

앱 추가 등록

Firebase 앱 추가 화면

위 이미지처럼 처음에 Firebase에 접속하게 되면 앱 등록 바로 보이게 됩니다. 안드로이드, IOS 모두 등록해 줍니다.

등록 과정에서 다운되는 google-services.json 파일은 아래와 같이 폴더 경로에 맞게 다르게 넣어주세요.

안드로이드

android/app/google-services.json

IOS

ios/Runner/GoogleService-Info.plist

 

Firebase IOS 앱 추가 화면
Firebase 애플 로그인 구현 문서

IOS 앱 등록 시 App Store ID의 경우 애플 로그인만 제공하는 경우에는 서비스 ID, Apple Team ID, 비공개 키, 키 ID 필드는 넣지 않아도 된다고 합니다. 단, 푸시 알림을 구현할 때에는 필요합니다.

 

Authentication

Firebase Authentication

왼쪽 사이드바에서 빌드를 눌러 Authentication으로 접속해 줍니다.

 

Firebase Authentication Sign-in method

탭바 Sign-in method를 들어가서 추가 제공업체에 있는 Apple을 눌러주세요.

Firebase Authentication Sign-in method Apple

앞전에서 로그인만 제공하는 경우에는 서비스 ID가 필요 없다고 했기 때문에, 사용 설정만 눌러주고 저장해 줍니다. 승인 콜백 URL은 애플 개발자 페이지에서 애플 로그인 기능을 활성화할 때에 넣을 예정입니다.

 

Apple Developer

애플 개발자 페이지에서 식별자(영문) or Identifiers을 눌러주세요.

 

Apple Developer Certificates, Identifiers & Profiles

앱에 대한 Identifiers이 없다면 생성해주셔야 합니다. 추가한 Identifiers을 클릭하여 상세페이지로 이동합니다.

 

Apple Developer Certificates, Identifiers & Profiles
Apple Developer Certificates, Identifiers & Profiles

하단 쪽에 Sign In with Apple을 눌러 체크한 후 Edit을 통해 하단에 Endpoint 부분에 콜백 URL을 넣어줍니다.

콜백 URL은 위에서 Firebase Auth에서 생성된 콜백 URL입니다.

 

Apple Developer Keys

Identifiers을 저장하고 메인 화면에서 Keys 페이지로 이동합니다. Key가 없다면 생성해 주세요.

 

Apple Developer Keys

현재 화면에서는 Sign In with Apple이 활성화되어 있지 않지만, 위에서 Identifiers에서 Sign In with Apple을 등록했다면 활성화 되어 있을 겁니다.

 

Apple Developer Configure Key

Configure를 누르게 되면, 현재 앱 목록이 나오고 적용할 앱을 선택하고 저장해 줍니다.

Firebase Auth 서비스에 Apple을 등록했고, Apple에 식별자(Identifiers)에 Firebase 콜백 URL을 등록하고 키를 만들었습니다.

이제 Firebase, Apple에서의 설정은 모두 끝났습니다.

 

Flutter 적용하기

작성예정

728x90
사업자 정보 표시
레플라 | 홍대기 | 경기도 부천시 부일로 519 화신오피스텔 1404호 | 사업자 등록번호 : 726-04-01977 | TEL : 070-8800-6071 | Mail : support@reafla.co.kr | 통신판매신고번호 : 호 | 사이버몰의 이용약관 바로가기