🔑앱에서 구글로 로그인하기

GoogleSignIn 설치하기

GoogleSignIn를 설치한다. 나의 경우는 cocoapods를 이용해 라이브러리들을 설치하였기에 Podfile에 추가하고 pod install로 설치하였다.

pod 'GoogleSignIn'

GoogleSignIn 불러오기

Controller 파일에서 GoogleSignIn를 불러온다.

import GoogleSignIn

로그인 버튼 만들기

구글에서 제공하는 GIDSignInButton로 버튼을 생성한다. colorScheme과 style을 선택 가능하다. 이후 다음에 만들 handleGoogleLogin 함수와 연결한다.

저 버튼은 치명적인 단점은 커스텀이 거의 불가능하다는 것이다😫. 그림자만 지우면 쓸텐데 코드 추가해도 안먹는다. 제발..

나는 저 버튼 대신 추가로 새롭게 만들었고, 마찬가지로 함수를 연결하였다.

private let googleButton: GIDSignInButton = {
    let button = GIDSignInButton()
    button.colorScheme = .light
    button.style = .standard
    button.addTarget(self, action: #selector(handleGoogleLogin), for: .touchUpInside)
    return button
}()

로그인 함수 구현

"YOUR_IOS_CLIENT_ID"자리에 GoogleService-Info.plist에서의 CLIENT_ID를 넣으면 된다. 이 함수를 통해 로그인이 완료되면, 유저의 프로필 정보(이메일 주소, 전체이름, 이름, 성)를 가져올 수 있다.

@objc func handleGoogleLogin() {
    let signInConfig = GIDConfiguration.init(clientID: "YOUR_IOS_CLIENT_ID")
    GIDSignIn.sharedInstance.signIn(with: signInConfig, presenting: self) { user, error in
        guard error == nil else { return }
        guard let user = user else { return }
        
        let emailAddress = user.profile?.email

        let fullName = user.profile?.name
        let givenName = user.profile?.givenName
        let familyName = user.profile?.familyName

        let profilePicUrl = user.profile?.imageURL(withDimension: 320)
    }
}

❗️클라이언트 아이디 가리기

공식문서대로 하기 되면 클라이언트 아이디라는 민감한 정보가 그대로 커밋에 들어나게 된다. GoogleService-Info파일을 불러와 정보를 가져올지 고민하다가 FirebaseApp으로부터 클라이언트 아이디값을 불러올 수 있는 방법이 있어 작성하였다.

let googleClientId = FirebaseApp.app()?.options.clientID ?? ""
let signInConfig = GIDConfiguration.init(clientID: googleClientId)

Google 개발문서 - Sign In for iOS