React-native-iap: 결제 수단이 이미 존재하지 않는 경우 결제 수단을 라이브로 추가 할 때 iOS 인앱 구매 실패

죄송하지만 코드에 구문 오류가 많은 것 같습니다. 리포지토리의 예제 프로젝트를 참조하고 먼저 코드와 비교하십시오.

뿡 빵뀨
답장을 보내 주셔서 감사합니다. 여기에 게시 된 코드는 단지 예일 뿐이며 실제 애플리케이션에서 사용되는 정확한 코드는 아닙니다.
나는 문제가 무엇인지 설명하려고 노력할 것입니다

1. componentDidMount
   
   
   
   • RNIap.initConnection(); 를 호출하여 시작된 연결
   
   
   • 그런 다음 RNIap.getProducts(product) 호출하여 제품을 가져 와서 상태에 저장합니다.
   
   

1. 사용자가 구매 버튼을 클릭 할 때

   • RNIap.clearTransaction(); 는 보류중인 트랜잭션이 남아 있지 않은지 확인하기 위해 호출됩니다.
   • RNIap.buyProductWithoutFinishTransaction(sku) 는 성공한 경우 호출됩니다. 서버가 성공 사례를 true로 제공하면 애플리케이션 서버에 대한 호출이 트리거되고 지불을 완료하기 위해 RNIap.finishTransaction(); 가 호출됩니다.

2. componentWillUnmount ()

   • 연결을 종료하려면 RNIap.endConnection() .

이 프로세스는 사용자가 이미 결제 수단을 추가 한 경우 정상적으로 작동합니다. 사용자가 결제 수단을 추가하지 않은 경우 결제 수단 페이지를 추가해야하며 RNIap.finishTransaction(); 도달하기 전에 금액이 청구됩니다.

세부 사항 주셔서 감사합니다. 이제 문제가 명확 해 보입니다. cc @JJMoon

쫑끼리

@ zohaibahmed-22이 샌드 박스 테스트 케이스입니까?

@JJMoon 아니요, 실제 환경 사례입니다.

사용자가 로그 아웃 상태이거나 신용 카드 정보가 없을 때이 오류가 발생한다는 것을 이해합니다.
방법이 제대로 작동하면이 오류의 원인은 다른 곳에 있습니다.
이 작업을 준비해야 앱, viewDidDisappear 등이 종료됩니다.
샌드 박스 모드에서이 증상은 다소 다른 방식으로 발생합니다.
새 샌드 박스 계정을 만들 때 첫 번째 구매가 작동하지 않습니다.
두 번째로 장치는 로그인 상태이며 정상적으로 작동합니다.
이 오류에 대한 단서가 없습니다.

@dooboolab @JJMoon 이거 한 번보세요
https://forums.developer.apple.com/thread/6431
https://forums.developer.apple.com/thread/64489

@dooboolab 과 @JJMoon 도 iOS 코드를 살펴볼 때 문제를 발견했다고 생각합니다. 에서 updatedTransactions의 방법 우리는의 오류 메시지가 나타날 때 SKPaymentTransactionStateDeferred 또는 SKPaymentTransactionStateFailed 우리가 생각하지 않습니다 finishTransaction .

대부분의 경우 SKPaymentTransactionStateFailed 결과 뒤에는 위의 스레드 6431 에서 언급 한대로 SKPaymentTransactionStatePurchased 가옵니다. Objective-C 코드에 대해 잘 모르겠으므로 실패시 트랜잭션을 지우는 지 친절하게 확인하고 확인하십시오.

@anandwahed 동의합니다. 그것은 내 잘못이야. 그 죄송합니다.
Apple의 스레드를 살펴보고 문제를 처리하겠습니다.

@anandwahed 실패했을 때 finish transaction 올바른 방법이라고 생각합니다. 이 스레드를 찾아보세요. https://stackoverflow.com/questions/11008636/inapp-purchase-skpaymentqueue-finish-transaction-doesnt-work
실패시 영수증이 없어 구매 상품을 적용하지 않습니다. 그리고 마지막 거래가 항상 '구매'를 의미하는 것은 아닙니다.
한편 스레드 6431을 조사하겠습니다.

방금 스레드 6431을 읽었습니다 (https://forums.developer.apple.com/thread/6431#14562).
결론. 2015 년 이후로 문제가 해결되지 않았습니다. 와우 ..
이 '상점 키트 흐름'효과를 처리하는 방법에는 두 가지가 있습니다.

1. 사용자 경고를 표시하지 않습니다.
2. 결과를 보여주세요.

그리고 두 가지를 배웠습니다.
A. 실패하면 finishTransaction 을해야합니다. (옵션의 유무에 관계없이 항상)
B. Storekit 흐름은 실패와 성공을 모두받습니다. (그것은 나쁜)

이 스레드를 읽고이 문제로 돌아가는 것이 좋습니다.

어느 쪽을 선택 하느냐 (1 또는 2)는 스스로 결정합니다.
실패 응답을 위해 콜백이 필요할 수 있습니다.

@JJMoon 은 우리가 buyProductWithoutFinishTransaction을 사용해서는 안된다는 것을 의미합니까?

@ maxs15 그런 뜻이 아닙니다. 혼란스러워서 죄송합니다.
StoreKit 흐름은 모든 구매에서 발생할 수 있습니다. 이 모듈이 아니라 iOS 문제입니다.
지금은 나도 단서가 없다. 이것은 모든 기본 iOS 앱에서 발생합니다. 권리?
우리는 자유 시간에 더 많이 발굴 할 것입니다.

오늘이 문제를 생성했기 때문에이 문제를 디버깅하려고했습니다. 지불 finishTransanction 및 완료되었지만 payMethod가 변경되었을 때 callback 받지 못했습니다. console.log 작성을 디버그하려고했지만 dev 환경에서 실제 청구를 테스트 할 수 없습니다. 누구든지이 프로세스를 디버깅하는 방법을 제안하여 debug real purchase 이것을 할 수 있습니까? sandbox 모드에서 사용해야합니까? 샌드 박스에서 완벽하게 작동하므로 이것을 디버깅하는 방법을 모릅니다. 이것은 매우 꺼려합니다.

이 문제를 해결하는 것이 매우 중요하다고 생각하므로 몇 가지 아이디어를 수집 해 보겠습니다.

샌드 박스 사용자가 아닌 사용자로 구매를 시도 할 때 항상 이 오류가 발생 합니다.

@hyochan 실제 서버 (귀하의)를 연결하면 디버그 모드이든 릴리스 모드이든 상관 없습니다. 두 가지 옵션이 있다고 생각합니다.

1. Xcode에서 디버그 모드로 실제 장치에서 실행합니다. JS 콘솔 로그를 사용하십시오.
2. Xcode의 릴리스 모드에서 실제 장치에서 실행합니다. Objective-C 코드에서 NSLog를 사용하십시오.
   두 방법 모두 작동합니다.

@JJMoon 그래, 나는 이미 그것을 알아 냈지만 여전히 ios에서 라이브 구매 테스트를 할 수 없었습니다. 이 stackoverflow가 사실입니까? 그렇다면이 문제를 어떻게 해결할 수 있습니까? 라이브 구매를 테스트해야합니다.

이 문제에 직면 한 사람은 누구나이 문제에 직면 할 수 있다고 확신합니다. 문제 제목에 설명 된 in-app purchase fail when payment method added live . 이것을 어떻게 디버깅 할 수 있습니까? @anandwahed 이 문제에 대해 Apple에 연락 한 적이 있습니까?

@hyochan 아니요, Apple 지원팀에 연락하지 않았습니다.

apple 에 문의해야한다고 생각하는데 sandbox 환경에서 재현 할 수없는 다른 테스트 케이스가 있다는 사실이 정말 끔찍해 보입니다. 문제를 이해하고 싶은 분들을 위해 화면을 녹화했고 여기 에서 있습니다 . @anandwahed Apple에 문의 해 주시겠습니까? 그들이 그렇게 지원하지 않는다는 것을 알고 있기 때문에 더 많은 사람들이 그들과 접촉하는 것이 좋습니다. 이 문제를 해결하기 위해 모여 봅시다.

오늘 우리는 Apple로부터 답변 을 받았습니다. failure 이후에 콜백이 다시 반환 될 수 있습니다. 우리는 # 348에서 해결 방법을 연구하고 있지만 이것이 매우 불쾌 할 수 있습니다.

이 문제를 해결하기 위해 2.4.0-beta1 로 릴리스했습니다. PR # 348이이 버전에 추가되었으며이 기능에 대한 추가 정보도 볼 수 있습니다. 이것은 테스트 중입니다.

라이브 구매에서 이것을 테스트했으며 작동하는 것 같습니다. 그러나 실패가 발생한 경우에만 리스너를 추가해야합니다. 그렇지 않으면 성공적인 결과로 복제 될 수 있습니다.

여러분,이 문제에 시간을 투자 해 주셔서 감사합니다! 🙏

현재 문서는 addAdditionalSuccessPurchaseListenerIOS 사용에 대해 더 명확해야한다고 생각합니다. 그것이 제가 414 번에서 다루려고 한 것입니다.

그러나 이것은 API 개선의 여지가 있다고 생각합니다. 소위 '상점 키트 흐름'을 더 잘 수용 할 수있는 API의 변경 사항에 대해 토론 할 수 있습니까? 예를 들어, RxJS를 사용하는 것 :

const observable = RNIap.buyProduct('com.example.coins100')
                        .subscribe(
                            purchase => console.log(purchase), // successful payment
                            err => console.log(err) // err.code and err.message are available
                        )

아니면 iOS에 대한 추가 구독을 더 잘 숨기는 다른 것이 있습니까?

@Edgpaez 훌륭하지만 android 에서 수행되는 구매 동작이 변경됩니다. 내가 조사 할 수 있기를 바랍니다 version 3 에서이 모듈의 2019 .

안녕하세요 @hyochan , AFAICT, 패키지의 내부 동작을 변경할 필요는 없으며 공용 인터페이스 만 변경할 수 있습니다. 우리는 promise를 해결하는 buyItemByType 메소드를 유지하고 index.js 에 Rx를 추가 할 수 있습니다.

예를 들어 index.js에 다음과 같은 내용이 있습니다.

export const buyProduct = (sku) => Platform.select({
  android: () => Observable.of(RNIapModule.buyItemByType(ANDROID_ITEM_TYPE_IAP, sku, null, 0)), // returns an observable that emits when the RNIapModule.buyItemByType promise resolves
  ios: ... // ios would do the same but taking into account the usage of addAdditionalSuccessPurchaseListenerIOS
})();

내 목표는이 특정 구현이 아니라 '상점 키트 흐름'에 대한 세부 정보를 숨기는 것입니다.
이것이 좋은 생각이라고 생각하십니까?
PR에 관심이 있으십니까?

@Edgpaez 좋아. 이제 세부 사항을 이해합니다. 그러나 RxJS 를 추가하는 것은 feature 를 구현하기에는 너무 많은 것 같습니다.

또한 아래 내용이 다를 것 같습니다.

RNIap.buyProduct('com.example.coins100')
                        .subscribe(
                            purchase => console.log(purchase), // successful payment
                            err => console.log(err) // err.code and err.message are available
                        )

아래와 같은 두 가지 항목에 대해 buyProduct 로 전화하면

RNIap.buyProduct('com.example.coins100');
RNIap.buyProduct('com.example.coins200');

어느 것이 먼저 끝날지 보장 할 수 없으므로 sendEvent 에서 JS 까지 기본적으로 처리해야한다고 생각합니다.

구현이 다음과 같아야한다고 생각합니다.

RNIap.buyProduct('com.example.coins100');
RNIap.buyProduct('com.example.coins200');

// receiving events
const subs =  RNIap.purchaseUpdateListener(purchase => {
  ...
});

내가 놓친 것이 있으면 알려주세요.

# 423에서 추가 논의를 처리하겠습니다.