iOS Firebase Authentication

2019-12-10T07:00:00+00:00

iOS 프로젝트에 Firebase Authentication 추가하기

FirebaseUI를 이용해서 빠르고 쉽게 로그인 기능을 만들어 보겠습니다.

시작하기전에 Firebase 기능을 사용하려면 Firebase에 프로젝트를 추가해야만 합니다.
프로젝트 추가하는 방법이 궁금하다면 iOS Firebase 셋팅 글을 참고해주세요.

1. Podfile에 Firebase Auth 추가하기

iOS Firebase 셋팅이 끝났다면

pod 'Firebase/Analytics'

가 추가되어 있을 거에요.

그러면 그 아래에다가

pod 'FirebaseAuth'

를 추가해주시면 됩니다.

pod install명령어를 터미널에서 실행하고 기다려줍니다.

pod install 성공!

2. Authentication 활성화 하기

Firebase를 이용해서 로그인 기능을 만드려면 우선 콘솔에서 어떤 로그인을 활성화 해줄 것인지 정해야 합니다.

Authentication 선택
로그인 방법 선택
지원할 방식 선택

3. SwiftUI에 layout 추가하기

import SwiftUI
import FirebaseAuth

struct ContentView: View {
    
    @State var email: String = ""
    @State var password: String = ""

    var body: some View {
        VStack(alignment: .center) {
            Text("Firebase Authentication")
                .padding(.bottom)
            HStack {
                Text("Email")
                    .frame(width: 100.0, alignment: .trailing)
                TextField("email@sample.com", text: $email)
            }
            .frame(width: 300.0)
            HStack {
                Text("Password")
                    .multilineTextAlignment(.leading)
                    .frame(width: 100.0, alignment: .trailing)
                SecureField("********", text: $password)
            }
            .frame(width: 300.0)
            Button(action: {
                Auth.auth()
                    .createUser(withEmail: self.email, password: self.password) { (result, error) in
                    
                }
            }) {
                Text("Sign up")
            }
        }
    }
    
}

코드를 작성하면 실제 화면은 이렇게 나옵니다.

Email과 Password를 입력하고 Sign up 버튼을 누르면

Auth.auth()
    .createUser(withEmail: self.email, password: self.password) { (result, error) in
    
}

코드를 실행 시켜서 Sign up을 진행합니다.

이렇게 입력을 하고 Sign up 버튼을 누르면

정상적으로 추가 된 것을 확인 할 수 있습니다.

iOS Firebase 셋팅

2019-12-07T17:10:00+00:00

iOS 프로젝트에 Firebase project 추가하기

1. 앱 등록

기존 Firebase project에서 iOS 앱을 추가하면 위 그림과 같은 화면이 나오게 됩니다.
여기서 iOS 번들 ID를 추가해줘야 하는데 xcode에서 프로젝트를 만들 때 입력 했던 Bundle Identifier를 입력해주면 됩니다.

저는 이렇게 com.dino.FirebaseStudySample라고 Bundle Identifier를 만들었습니다.

앱 등록에서 iOS 번들 ID에 본인이 프로젝트의 Bundle Identifier를 추가하고 앱 등록 버튼을 눌러줍니다.

2. 구성 파일 다운로드

그림에서 보는 것 처럼 GoogleService-Info.plist 다운로드를 눌러 파일을 다운 받습니다.

다운 받은 파일은 그림처럼 프로젝트의 루트에 추가해 줍니다.

3. Firebase SDK 추가

terminal을 열고 프로젝트의 루트 경로까지 이동을 합니다.

terminal에서 directory 이동은 cd 명령어를 사용합니다.

이동하고 나서 pod init라고 명령어를 실행하고 ls명령어로 확인해보면 Podfile이 추가 된 것을 확인 할 수 있습니다.

만약 pod 명령어가 없다면 pod 명령어 설치 방법을 따라하면 됩니다.

open PodFile명령어를 실행하면 Podfile를 편집할 수 있는 텍스트 편집기 앱이 실행 됩니다.
파일 내부에 pod 'Firebase/Analytics'를 추가하고 저장을 합니다.

그 다음에 pod install 명령어를 실행 합니다.

install에 성공했다면 위 그림처럼 나오게 됩니다.

4. 초기화 코드 추가

AppDelegate 클래스를 열고

import Firebase

Firebase를 import 한 다음에

func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?) -> Bool {
    // Override point for customization after application launch.
    FirebaseApp.configure()
    return true
}

FirebaseApp.configure() 코드를 추가해줍니다.

만약 import Firebase에서 Could not build Objective-C module 'Firebase'에러가 발생한다면 firebase import 에러 수정 방법을 따라하면 됩니다.

5. 앱을 실행하여 설치 확인

Run을 해서 앱을 실행하고 Google 서버와 통신을 성공하면 위 그림처럼 앱에 Firebase를 추가했습니다. 메시지가 나오게 됩니다.

Dino’s Dev