inblog logo
|
RN 삽질 일지

    RN - firebase analytics 연동 (iOS)

    김보람's avatar
    김보람
    Jan 03, 2024
    RN - firebase analytics 연동 (iOS)

    ** 파이어베이스에 플젝이 생성되어있어야 함

    플젝생성부터 안드로이드까지는 전포스팅 참고

    [iOS]

    1. firebase 관련 패키지 설치안되어있다면 설치

    yarn add @react-native-firebase/app
    yarn add @react-native-firebase/analytics

    1. 이전에 생성한 플젝 내 iOS앱 추가


    2. CocoaPods가 라이브러리 모듈형 헤더로 사용하도록 구문 추가

      1. ios/Podfile 내에 아래 로직 추가

        target 'project' do
          config = use_native_modules!
        
          # Flags change depending on the env values.
          flags = get_default_flags()
        
          pod 'FirebaseAnalytics', :modular_headers => true #!!!이줄 추가

    3. Firebase초기화

      1. ios/project/AppDelegate.mm 내에 아래 로직 추가

         #import <Firebase.h> //최상단 추가
        ...
        
        - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
        {
        ...
           if ([FIRApp defaultApp] == nil) {   //여기를
               [FIRApp configure];             //추가
             }                                 //해줘

    4. 이벤트 테스트

      1. DebugView 설정
        (개발중 실시간으로 확인하기 위해서 설정함 찐으로하면 30분~1시간에 한번씩 업데이트돼서 코드 반영하고 한시간 기다려야 됨)

        1. XCode로 프로젝트 열기

        2. Product → Scheme → Edit Scheme → Arcuments에
          -FIRDebugEnabled 추가

      2. 플젝에 테스트를 위한 이벤트 로직 추가

        import analytics, {firebase} from '@react-native-firebase/analytics';
        ...
        
        const eventTest = async () => {
            try{
               firebase.app();
               await analytics().logEvent('eventName', {screenName: 'IOS_HOME'});
               //logEvent(이벤트이름, 전달할데이터);
            }catch(error){
               console.log(error)
            }
        }

      3. 함수 실행하고 firebase에서 확인하면 아래처러 확인가능함

    Share article

    김보람 | 930802qhfka@gmail.com

    RSS·Powered by Inblog