React Native/IOS

[iOS] 애플 로그인을 위한 초기 개발환경 세팅

Juzero 2022. 1. 9. 10:06

안녕하세요.

 

현재 서비스중인 앱에 애플 로그인 기능을 넣기 위한 초기 개발환경 세팅을 진행합니다. 

 

저는 React Native로 개발을 진행중이며, 애플 로그인 라이브러리 깃헙 사이트의 가이드를 보고 따라했어요. 

 

RN이 아닌 Object-c , swift, flutter등 다른 언어도 개발셋팅은 똑같습니다 :)

 


 

1. Xcode 세팅

 

프로젝트 폴더에서 Xcode를 실행하고, Signing & Capabilities > +Capability > sign in with apple 을 따라 진행해주세요. 

 

 

그럼 아래처럼 Sign in with Apple이 추가됩니다. 만약 추가가 안되고 에러가뜬다면 애플 개발자 등록이 안된 것이니 먼저 개발자등록(결제)를 해주셔야 합니다.

 

 

 

 

2. 애플 개발자센터 세팅

 

1) 애플 개발자 콘솔에서 Certificate, IDs & Profiles를 클릭해주세요. (개발자등록이 완료된 계정에만 보여요!)

 

 

 

 

 

2) Identifiers 메뉴를 눌러서 자신의 프로젝트를 클릭해주세요. 

 

 

 

3) 스크롤을 밑으로 내려서 Sign in with Apple에 체크해주시고, Edit 버튼을 눌러서 Enable as a primary App ID로 설정해주세요.

 

 

 

 

 

 

4) 다시 돌아가서 왼쪽의 Keys 메뉴로 들어가서, Keys 옆에 +버튼으로 새로운 Key를 추가합니다.

 

저는 다른 앱에서 이미 추가해주어서 아래 2 항목이 보이네요. 처음 설정하시는 분들은 아무것도 없는 게 정상입니다.

 

 

 

 

 

5) key의 이름을 정하고, sign in with Apple을 체크해주세요. 그리고 Configure를 클릭!

 

 

 

 

6) Primary App ID를 자신의 앱으로 설정해주시고 Save를 눌러주세요. 그러면 다시 Keys 페이지로 돌아오는데요. 위쪽의 Continue를 눌러주세요.

 

 

7) 이제 key가 생성되었습니다. 한 번 다운로드 받으면 다시 다운로드 받을 수 없다고 합니다. 지금 바로 다운받지 않고, 나중에 받는 것도 가능합니다. 

저는 다운받고 Done을 눌러주었습니다. 

 


 

환경 세팅이 끝났습니다!

 

고생하셨습니다 :)