본문 바로가기
프로젝트 만들어보기/Firebase

Firebase Xcode 프로젝트랑 연동하기 [iOS]

by 데브킹덕 2022. 4. 5.

백엔드에 대해 무지한 나에게 회원가입부터 데이터 관리까지 할 수 있는 서버를 

한정된 용량까지 무료로 이용 할 수 있도록 해주는 서비스 Firebase는 신세계였다... 

 

 

거두절미하고 Firebase와 Xcode랑 연동해 보겠다

- CocoaPods로 진행할 예정

 

1. Firebase에 가입을 해주고 시작버튼을 눌러준다 

이후에 프로젝트 추가 를 눌러 추가해준다 . 

 

 

2. 프로젝트 이름을 정하고 계속 버튼을 누른다. 

 

 

3. 2단계는 계속 버튼으로 넘어가자

4. 구글 애널리틱스 에  어떤 계정을 사용할꺼냐?? 라는 구문임 

하나 밖에 없음 Default Account for Firebase 

프로젝트 만들기 ㄱㄱ



5. 프로젝트 만드는 중임 기다리자... 

 

 

6. 짜란~

만들어 졌음 이제 앱에 Firebase를 추가하여 시작하기에 있는 ios버튼을 눌러 시작하자 

 

 

7. Bundle Identifier을 입력하라고 나옴 

연결하고자 하는 Xcode에 프로젝트를 열어 Bundle Identifier 복사해서 넣어준다. 

닉네임과 ID는 선택사항이므로 적지 않아도 됨 

앱등록을 눌러주자 

 

 

8.GoogleService-Info.plist 를 받아주자. 

여기서 주로 실수가 많이 나왔다. 

 

주의

1. 내가 받은 파일이 두번 이상일 경우 GoogleService-Info.plist (1),GoogleService-Info.plist (2) 등으로 점점 늘어나기 때문에 꼭 파일들을 모두 지우고 파일명이 GoogleService-Info.plist 인 것을 사용하도록 하자.

2. 다른 프로젝트의 GoogleService-Info.plist 를 재사용하겠다고

넣어버리면 

 절대 안됨

 

 

 

9. 프로젝트에 넣어준다. 

잘 설치 된것을 볼 수 있쥬~ 

 

10. 이제 Pods 을 이용해서 firebase를 깔아줄거임 

터미널을 열어 프로젝트경로로 이동해줍니다. 

 

 

터미널 단축어 간략설명 

ls - 경로 안에 있는 리스트들을 보여줌

cd - 경로로 이동함 

예시) cd Giftatte22 

= Giftatte22 파일로 이동 할꺼임

 

cd .. 

.. = 상위 폴더로 이동할꺼임 

터미널로 확인한 프로젝트

보시다 시피 터미널로 본 Giftatte22 파일과 Finder로 본 파일들이 일치하다는게 확인 가능하쥬??

터미널로 잘 접근 했다는 소리임. 

 

자 ! 이제 Pod file을 만들꺼임 

 

pod init            //Podfile을 생성

 pod init 명령어를 이용해서 Podfile이 생긴 것을 확인 할 수 있음 

 

이제 Podfile에 들어가서 firebase를 작성해주기만 하면됨 

Podfile에 접근하기 위해서는 vim이라는 명령어를 사용하겠음 

vim Podfile

Podfile에 들어가게 되면 이제 입력을 해야 하는데 키가 이상하게 먹을꺼임 

 

Insert 삽입 단축키인 I 를 눌러보자 (영어로 I눌러야함)

하단에 보면 이렇게 입력이 가능하게 변경이 됨

그러면 pod 'Firebase'를 입력하자

pod 'Firebase'

입력 후에 esc 버튼을 눌러 insert 삽입을 끝내고 

:wq 

를 눌러 저장하고 밖으로 나가준다. 

 

이제 설치를 위해 pod install을 해줌 

pod install       // pod 설치

설치가 되었다

이제 xcode로 간단한 작업만 하면 연결 된 것을 확인 해 볼 수 있다. 

 

Xcode를 종료해주고 Finder로 프로젝트가 있는 경로에 찾아가서 저 파일을 열것이다. 

 

이제 Xcode에 필요한 초기화 코드를 AppDelegate에  추가해 주어야 함 

AppDelegate에 초기화 한 모습

자 이제 Firebase 홈페이지창에서 계속 , 마침을 누르면 firebase와 잘 연동 된 것을 확인 할 수 있다. 

 

이것은 Firebase 연동 되게끔 설치가 완료 된것이고

만약 firebase에서 이용하고자 하는 서비스가 있으면 필요한 pod들을 추가하면 됨 

나는 Firestore를 이용해서 데이터를 주고 받고자  

저만큼의 팟들을 설치 해주고 pod install을 해주었음!! 

 

pod은 참 유용한 것 같다..