[Firebase] Google 로그인 구현하기

안녕하세요!

오늘은 Google 로그인 구현을 해보겠습니다 :ㅇ

만약, Firebase를 프로젝트에 연결 안 하셨다면 [iOS] Firebase 프로젝트에 연결하기 을 참고해주세요 :-)

 

Email 로그인 구현하기

Apple 로그인 구현하기

---

 

Firebase Google 추가

 

 

사진과 같이 Authentication -> Sign-in method -> 새 제공업체 추가 를 눌러줍니다.

 

 

저희는 Google 로그인을 구현할꺼니까 Google 클릭!

 

 

누르면 위와 같은 이미지가 뜨는데 사용 설정 버튼을 눌러서 활성화 시켜주고 저장해줍니다.

 

---

 

Xcode 설정 및 Coding

 

일단, 저희는 Google 로그인을 사용하려면 GoogleSignIn 프레임워크를 다운받아야해요 :D 

 

podfile에 아래 텍스트를 추가해줍니다.

 

pod 'GoogleSignIn', '5.0.2'

 

그 후, 터미널에서 pod install 명령어를 실행해줍니다.

 

 

잘 다운로드 됐습니다!

 

 

Firebase와 프로젝트를 연결했을 때 추가했던 GoogleService-Info 파일 기억 나시나요?

그 파일을 선택후에 REVERSED_CLIENT_ID 의 Value 값을 복사해줍니다!!

 

 

그 후에 프로젝트 최상단 파일을 클릭해줍니다.

Targets에서 Info -> + 버튼 클릭 -> URL schemes에 아까 복사한 값을 넣어줍니다.

 

이제 설정은 끝!!!

코드를 짜볼까요?~~

 

 

먼저 AppDelegate 파일에 Google 로그인을 사용하기위한

GIDSignInDelegate 프로토콜을 추가해줍니다.

코드 설명은 주석 참고해주세요 :D

 

 

이제는 IBOutlet과 IBAction이 들어있는 코드에 GoogleSignIn 프레임워크를 import 해줍니다.

Google 로그인 버튼의 속성은 GIDSignInButton으로 따로 설정해주어야합니다!

 

 

Login을 진행할 때는 WebView가 필요합니다.

그래서 WebView를 띄울 viewController가 필요하기때문에 해당 코드를 적어줍니다.

 

Login을 누르면 아래 이미지와 같은 Web 화면으로 이동

      

IBAction으로 연결된 google 로그인 버튼에 signIn() 메소드가 실행되도록 설정해줍니다.

이제 끝!! 전체 코드는 Github에 있으니 참고해보세요 ㅎㅎ