[Expo] Google Analytics 적용(feat. Firebase)(1)

Google Analytics를 Expo 프로젝트에 적용하기 위해 고군분투한 내용을 최대한 정리하여 작성해 보고자 한다.

1. Expo 프로젝트에 Firebase를 적용하기 위한 준비
2. React Native Firebase를 Expo 프로젝트에 적용(+ Firebase Analytics)

 

What to do?

React Native + Expo 로 만들어진 App에 Google Analytics를 적용하기

---

> How to use Firebase on Expo project?

Expo 프로젝트에 Firebase를 적용하는 방법은 2가지가 있다.

1. Using Firebase JS SDK
2. Using React Native Firebase

BUT! Analytics를 적용하기 위해서는 React Native Firebase를 사용해야 한다.

(각 방법이 사용되는 케이스를 확인하고 싶다면 Expo - Use Firebase 에서 각각의 'When to use ~' 부분을 참고하시길!)

 

 

> What does React Native Firebase require?

• Custom native code (and cannot be used with Expo Go)

 

1. expo-dev-client 설치
   → React Native Firebase가 custom native code를 요구하기 때문에 설치해 줘야 하는 라이브러리
   
   
2. React Native Firebase 설치
   → React Native Firebase를 사용하기 위해서는 코어 기능을 제공하는 @react-native-firebase/app 모듈을 필수적으로 설치해야한다.
   
   
3. 프로젝트 실행
   
   1. Development build
      → EAS Build를 사용하여 development build를 생성하고 실제 기기에 설치할 수 있다(ONLY Android)
   2. Run project locally
      → Android Studio와 Xcode가 반드시 컴퓨터에 설치 되어있어야 하고,
           npx expo run:android 혹은 npx expo run:ios 명령어를 이용하여 프로젝트를 실행할 수 있다.

# 1. Install expo-dev-client
npx expo install expo-dev-client

# 2. Install React Native Firebase
npx expo install @react-native-firebase/app

# 3-1. Development build - EAS Build
eas build --profile development --platform [android | ios | all]
# 3-2. Run project locally
npx expo run:[android | ios]

 

 

위 작업이 완료 되었다면, 이제 React Native Firebase를 프로젝트에 적용할 준비가 된겁니다 :)

---

참고 자료

• Expo - Use Firebase