[React Native] v9 Facebook SDK 적용하기

• 최근 Facebook SDK를 9로 업데이트하라는 메일이 날라와서 업데이트를 해보려 한다!

환경

• react-native: 0.63.4
• react-native-fbsdk-next: 4.0.0
  • FB SDK 9 이상을 사용하려면 위 라이브러리를 사용해야 한다.
  • 9 미만 버전을 사용하려면 react-native-fbsdk를 이용하면 된다.
  • https://www.npmjs.com/package/react-native-fbsdk-next

설치

yarn add react-native-fbsdk-next
yarn remove react-native-fbsdk // 이 라이브러리가 설치되어있다면.
cd ios && pod install

Configure projects 추가설명

• 참고 링크: https://github.com/thebergamo/react-native-fbsdk-next#3-configure-projects
  • 기본적으로 이 링크를 쭉 따라가시면 됩니다!
  • 아래는 추가설명입니다.
• Android 추가설명
  • build.gradle의 변화는 적용하지 않아도 rnpm이 link해줘서 괜찮다. 단, strings.xml이나 AndroidManifest.xml의 변화는 적용해야 한다.
  • 따라서
    • https://developers.facebook.com/docs/android/getting-started/#androidstudio 부터 Add Facebook App ID 전까지는 적용하지 않아도 되고,
    • Add Facebook App ID는 적용해줘야 한다. https://developers.facebook.com/docs/android/getting-started/#app_id

빌드 후 제대로 연결되었는지 테스트

import React, { useEffect } from 'react';
import { Settings, AppEventsLogger } from 'react-native-fbsdk-next';


...

  useEffect(() => {
    AppEventsLogger.logEvent(`Test-${isAndroid ? 'android' : 'ios'}`);
  }, []);

...

- 반드시 실물기기에서 테스트해주세요!

- 위처럼 코드를 작성하면 아래 사진처럼 활동 > 이벤트에 기록이 됩니다! 이렇게 기록이 잘되면 연결이 된 것입니다.