[Flutter Apple Sign In] 플러터 애플 로그인 | 2. 파이어베이스 설정하기

안녕하세요 개발자 베베입니다.

 

저번 포스팅에 이어서, 이번에는 애플 로그인을 사용하기 위해 파이어베이스 프로젝트에서 설정해야 할 내용들에 대해 알아보도록 하겠습니다.

 

 

이전 포스트

[Flutter Apple Sign In] 플러터 애플 로그인 | 1. Apple Sign In 기능 활성화하기

 

1. 애플 로그인 활성화하기

앱에서 사용하는 파이어베이스 프로젝트로 접속한 후, 왼쪽 메뉴의 [빌드] -> [Authentication]을 들어갑니다.

 

Authentication 페이지의 상단 메뉴에 Sign-in method를 눌러서 로그인 제공업체 중에 Apple을 눌러 설정 페이지로 들어갑니다.

 

 

Apple 로그인 사용 설정을 하게 되면 아래처럼 많은 내용의 정보를 요구하게 됩니다.

 

맨 위 서비스 ID는 사실 IOS에서만 애플 로그인을 사용할 것이라면 입력해주지 않아도 됩니다. 만약 여러분이 안드로이드에서도 애플 로그인을 쓰고 싶다면 만들어 놓은 Service ID의 Identifier를 넣어주면 됩니다.

 

아래 Apple 팀 ID에는 앱에서 사용하는 Team ID를 입력해주시면 됩니다. 팀 ID는 영대문자와 숫자로 이루어져 있습니다.

 

키ID는 이전 포스팅에서 만들어 놓은 key의 id를 입력해주시면 되며 다운로드했던 .p8 파일의 중간 부분이 key id입니다. 예를 들어 AuthKey_VD2312Z.p8 이라는 파일은 Key ID가 VD2312Z입니다.

 

비공개 키는 다운로드한 .p8 파일의 내부에 적혀있습니다. 텍스트 에디터로 키 파일을 열어보시면 비공개 키가 적혀있는데 그대로 전부 복사 붙여넣기 해주시면 됩니다.

 

마지막으로, 이전 포스팅에서 서비스 ID에 도메인과 콜백 주소를 넣어주어야 한다고 하고 마무리했었는데 그 도메인과 콜백 주소가 맨 아래에 있습니다.

 

2.애플 Service ID 설정

애플 Service ID는 애플 로그인을 구현하기 위한 도메인 주소와 콜백 주소를 요구하는데, 여기서는 파이어베이스 인증으로 애플 로그인을 할 것이기 때문에 파이어베이스 도메인과 콜백 주소를 적어주면 됩니다.

 

파이어베이스의 [Authentication]->[Sign-in method]의 중간 쯤에 보시면 승인된 도메인이라는 칸이 보이는데 이곳에 파이어베이스의 도메인이 있습니다.

 

 

순서대로 localhost, [프로젝트명].firebaseapp.com , [프로젝트명].web.app 이 승인된 도메인인데 필요한건 두번째인 [프로젝트명].firebaseapp.com입니다. 이 값을 복사하고 다시 애플 개발자 사이트로 가서 이전 포스팅에서 생성해놓았던 Service ID를 눌러서 주소를 추가해주도록 합니다.

 

먼저 App ID를 선택해주시고 Domains and Subdomains 부분에 [프로젝트명].firebaseapp.com을 붙여넣기 해줍니다.

 

그 다음 칸 Return URLs에 [프로젝트명].firebaseapp.com/__/auth/handler 를 적어줍니다. 예를 들어 프로젝트 명이 example-b4231이라면 콜백 주소는 example-b4231.firebaseapp.com/__/auth/handler 입니다.

 

여기까지 잘 따라오셨다면 이제 진짜로 플러터 프로젝트로 돌아가서 코드를 작성해볼 시간입니다. 만약 진행하는 데에 문제가 생기거나 그런 점이 있다면 댓글을 남겨주세요.

 

다음 포스팅에서는 플러터 프로젝트에서 애플 로그인을 실행하는 방법에 대해서 알아보도록 하겠습니다.

 

다음 포스팅)

[Flutter Apple Sign In] 플러터 애플 로그인 | 3. 코드 작성