react-native-iap 가이드 (1), 설치 및 설정

react-native 결제 생태계에

dooboolab 한국인 개발자 팀이 큰 기여를 했다.

 

적용에 다소 난항이 있었지만

라이브러리 소스코드 수정없이

출시된 버전을 통해

정기결제, 인앱상품 결제 구현을 완료했다.

 

dooboolab팀에 감사인사를 드리며

8.0.4 버전에 맞춰 가이드를 작성해본다.

 

---

가이드 1 - 설치 및 설정

yanr, npm 둘중 무엇을 사용해도 문제는 없다.

다만, 반드시 최신에 나온 안정화 버전인 8.0.4를 설치하라

(안그러면 머리카락 1000가닥쯤 빠짐)

 

yarn add react-native-iap@8.0.4
or
npm install react-native-iap@8.0.4

 

pod 설치도 마저 해주자

cd ios && pod install && cd ..

 

 xcode에서 in-app purchase도 추가해주어야 한다.

 

android에도 약간의 설정이 필요하다.

안드로이드의 설정은

google play 결제만 이용하느냐

amazon 결제도 이용하느냐에 따라 조금 바뀐다.

아래의 링크를 참고하되

google play 결제만 이용한다면 나의 가이드를 따르자

// android/build.gradle

buildscript {
  ext {
    buildToolsVersion = "30.0.2"
    minSdkVersion = 21
    compileSdkVersion = 30
    targetSdkVersion = 30
    ndkVersion = "21.4.7075529"
    
    androidXAnnotation = "1.1.0"
    androidXBrowser = "1.0.0"
  }
  
  ...
}

나는 targetSdkVersion을 29 -> 30으로 변경

androidXAnnotation, androidXBrowser 부분을

추가 해주었던 것으로 기억한다.

https://react-native-iap.dooboolab.com/docs/installing

 

// android/app/build.gradle

androd {
  ...
  
  defaultConfig {
    ...
    missingDimensionStrategy 'store', 'play'
  }
}

// androidManifest.xml

<uses-permission android:name="android.permission.INTERNET" />
<uses-permission android:name="com.android.vending.BILLING"/>

설치 및 설정은 여기까지.

 

 

추가로

npm install react-native-iap을 통해

설치된 기본 버전에서는 에러가 발생했었다.

 

issue 트랙킹 결과 7.5.1로 넘어가게 됐고

거기서도 에러가 발생해

8.0.4까지 오게되었으니

 

반드시 처음부터 8.0.4를 받아서

머리카락 손실을 줄이자

 

 

 

다음 포스팅

react-native-iap (2) - 상품 생성

https://honeystorage.tistory.com/334

 

react-native-iap (3) - 코드 작성

https://honeystorage.tistory.com/332