[IOS] Firebase Remote Config 를 알아보자 (2)

지금부터 [IOS] Firebase Remote Config 를 알아보자 (1) 에 이은 기본 UI 구성 및 프로젝트 구성을 진행 해보도록 하겠습니다.

 

공지를 띄워줄 뷰를 만드는거기에 원하시는 형식으로 만들으셔도됩니다. 

우선 프로젝트 하나를 만들어 줍시다. 

프로젝트 이름은 아무거나 설정 하시고 interface  - storyBoard  

Lang - Swift 로 설정 

 

프로젝트 생성이 끝났으면  Comand + N 을눌러서 새로운 파일을 생성 해주세요 

저는 공지사항을 띄워줄 거니 NoticeViewController 라고 할게요 XIB 파일을 만들도록 Also create XIB file 을 선택해주고 생성

notice 뷰컨틀롤러 스토리보드로 가서 view를 하나 만들어준다음 

Center Vertical , Center Horizental로 중앙에 위치하도록 오토레이아웃을 잡아줄게요 

가로 세로 적당한 사이즈를 주고 구분할수 있게 색상만 살짝 변경 하도록 하겠습니다. 

대략적인 ui구성은 이렇게 했습니다

UI 구성이 완료 된 후에 코드는 이렇게 구현하면 준비는 끝입니다. 

1.  각 Label 을 아울렛으로 연결 해줍니다. 

2.  VIewController에서 원격구성값을 가져올거기에 content 값을 구성해줍니다. 값이 없을것을 대비해 옵셔널 값으로 설정합니다.

3.  뷰가 나타날때 각 Label에 content 값을 넣어주도록 합니다. 

4.  UI닫기 버튼을 누르면 Dismiss 시켜 주도록 합니다. 

 

여기까지 기본 UI 구성은 끝났습니다 이제 FIrebase와 연동을 해보겠습니다.

Firebase 로그인 후 프로젝트 추가로 프로젝트를 만들어줍니다. 

프로젝트 이름은 적당한걸로 설정하도록 합니다 

Google 애널리틱스 사용 설정을 해주시고 '계속'을 눌러 넘어가줍니다 . 

 

계정은 디폴트로 설정 해주시고 '프로젝트 만들기를 눌러주세요'

프로젝트 생성이 되었다면 ios를 눌러 ios 설정 해줍니다.

Apple 번들 ID : 방금 생성한 프로젝트의 번들 ID를 넣어줍니다 Project  - Identity - Bundle Identifier 

번들 ID를 등록하신뒤 구성 파일 다운로드를 눌러 Plist 파일을 다운로드 해주신뒤 프로젝트에 넣어줍니다

이제 여기서 cocoapod 을 이용해서 firebase pod을 설치 해 주도록 합니다.

1. 프로젝트 폴더 우클릭 -> 서비스 -> 폴더에서 새로운 터미널 열기를 통해 터미널을 열어줍니다 
2. 터미널에 'pod init' 입력해 pod 파일을 생성해주세요.
3. 프로젝트 폴더 안에 생성된 'Podfile'을 열어줍니다. 
4. 'Podfile' 안에   pod 'Firebase/RemoteConfig' / pod 'Firebase/Analytics' 를 적어줍니다 (이 두가지 구성으로 A-B 테스트까지 모두 사용 할수있습니다.)

  5. 다시 터미널로 돌아와 'pod install' 을 입력해줍니다. 

  6. 설치가 완료되었다면 프로젝트 폴더안에 WorkSpace 파일이 생성된걸 볼수있습니다 눌러서 열어줍니다.

Firebase 초기화를 위해 AppDelegate 로 넘어와 Firebase를 Import 해주고 didFinishLaunching 부분에 FirebaseApp.configure() 적어줍니다.  마지막으로 Comand + B 를 눌러 프로젝트 빌드까지 한번 해줍니다 

 

여기까지 기본 구성이 끝났습니다 다음 포스팅에선 드디어 firebase Remote Config 이용해 팝업을 제어해 보도록 하겠습니다 .