라이프온룸

퇴근 후 일상

react-native 앱에 광고 삽입[1]

by · Published · Updated

  • 관련 카테고리 : [taxonomy category field=link]
    •

    firebase Setting

    App 광고를 게제 할때 보통 Admob을 사용한다. 그리고 그 위에 firebase 가 있어서 admob 을 더쉽게 관리할 수 있다고 한다. firebase를 이용하면 admob 뿐만 아니라 ML, 인증, 호스팅 등의 기능들을 이용할 수 있다고 하는데.. 아직 안써봐서 잘 모르겠다. 

    여하튼 여기서는 광고 게제를 위한 react-native 라이브러리로 @react-native-firebase/admob 을 이용한다. 그럼 설치 부터 사용까지 어떻게 하는지 알아보자 

    1. firebase 에 가입 후 프로젝트 생성 

    프로젝트 생성은 프로젝트 이름 입력한 뒤 next 버튼 누르다 보면 완료된다. 

    2. 앱에 firebase 추가 

    메인 화면에 가보면 아래와 같은 화면이 있을 텐데, 우선 Android 아이콘을 클릭한다. 

    다음으로 아래 화면에 정보를 입력한다. 

    필요한 정보는 react-native root > android 폴더에서 얻을 수 있다. 

    • Android 패키지 이름 
      • android>app>build.gradle 파일을 연 뒤 defaultConfig의 applicationId 를 입력 
      • 혹은 android>app>src>main>AndroidManifest.xml 의 상단 package 속성에 보면 같은 값이 입력되어 있다.
    • 디버그 서명 인증서 
      • cd android && .\gradlew signingReport 의 결과에서 app:signingReport를 검색한뒤 그 및에 있는 SHA1 값을 복붙한다. 

    3. google-services.json file 다운로드 

    아래 파일을 다운 받아 아래 위치에 넣는다. (android>app)

    4. firebase SDK 추가 

    이 부분은 시키는 데로 추가 하면 된다. 

    5. 앱을 실행 하여 설치 확인 

    아래와 같은 화면이 나올 것이다. 

    그 후 아래 명령으로 App 을 실행하면 아래와 같이 된다. 

    npx react-native run-android

    이제 앱이 firebase 에 추가 되었다. 다음은 admob 세팅에 대해 알아보자 

    Tags:

    You may also like...