React-native-iap: purchaseUpdatedListener는 앱 시작시 한 번만 호출되고 requestSubscription 호출 후에는 호출되지 않습니다.

다른 사람도 같은 문제가 있습니까? @Strate finishTransaction 했습니까?

@hyochan 예,하지만 실제로이 호출은 앱을 다시 시작한 후에 발생합니다.

@hyochan 저는 expo-in-app-purchase 패키지를 사용해 보았지만 이와 같은 문제는 없습니다.

@Strate 귀하의 코드를보고 싶습니다. 직접 오류를 찾을 수 없습니다.

이 문제는 절대적으로 화가납니다. 그렇지 않은 이전 버전이 있습니까?

다른 사람도 같은 문제가 있습니까? @Strate finishTransaction 했습니까?

구매가 finishTransaction의 인수이기 때문에 어떻게 가능할까요? 따라서 finishTransaction에 전달할 인수를 가져 오려면 이벤트 리스너가 필요합니다.

@Sophrinix finishTransaction이 purchaseUpdatedListener 내부에서 호출 될 것으로 예상됩니다.

@hyochan 죄송하지만 지금은 실제 코드가없는 것 같습니다. expo-in-app-purchase 모듈로 전환했습니다. @Sophrinix 가 동일한 문제를 경험 한 것 같습니다.

Btw, 내 코드에는 특별한 것이 없었습니다. 앱이 시작 되 자마자 리스너를 등록하고 readme를 따르십시오.

이것은 회귀라는 것이 밝혀졌습니다.

다음 버전을 사용하면 모든 것이 작동합니다.

"react": "16.8.1",
"react-native": "^0.59.10",
"react-native-iap": "4.3.0",

사용하려고 할 때 문제는 온다 react-native-iap 4.4.4 와 버전 react-native 이전에 0.60

@Sophrinix 방금 내 편에서 requestPurchase 시도했는데 모든 것이 작동하는 것 같습니다. 코드를 공유해 주시겠습니까?

또한 initConnection 전화를했는지 다시 확인하시기 바랍니다. 이는 android 에서와 같이 iOS 에서 호출해야하는 최근 업데이트의 중요한 변경 사항입니다.

4.3.0으로 되 돌리는 것이 작동 함을 확인합니다. 나는 최신 버전으로 미쳐 가고 있었고 문제를 찾으려고 1 시간 이상 디버깅했습니다.

4.3.4 에서 4.4.3 까지 추가하면 문제가 4.4.4 에서 시작됩니다.

4.3.4 에서 4.4.3 까지 추가하면 문제가 4.4.4 에서 시작됩니다.

여기서도 4.4.8에서 4.4.3으로 다운 그레이드되었으며 현재 작동 중입니다!

다른 사람도 같은 문제가 있습니까? @Strate finishTransaction 했습니까?

나는에 동일한 문제가 오전 4.4.0 호출되는 이벤트 리스너의 것도 포함 - purchaseErrorSubscription .

다운 그레이드에 대해 읽어보십시오. 시도해 보겠습니다.

편집 : 다음과 같은 이유로 심각한 문제입니다.

• 서버 처리를 위해 구매가 전송되는 것을 방지합니다.
• 누군가가 구매를 취소 할 때 상태 롤백을 방지합니다.

4.3.0 이 작동하는지 확인할 수도 있습니다.

RN 0.62.2 및 react-native-iap 4.4.8에서 며칠 동안 동일한 문제가 발생했습니다.
README의 예제에서 누락 되었기 때문에 initConnection() 놓쳤습니다.

4.4.8로 업그레이드 할 때 iOS에서 동일한 문제가 발생하여 일부 구독이 완료되지 않았습니다. 4.4.3으로 다운 그레이드하면 현재 문제가 해결되었습니다. initConnection ()은 필수입니까? 의사는 그렇지 않은 것처럼 보입니다.

initConnection() 전화를 추가하지 않은 것과 동일한 문제가 발생했습니다.
README는 여기에 굵은 부분으로 업데이트 된 것 같습니다.

initConnection() iOS에서는 canMakePayments 메서드를 호출하고 리스너가 제대로 작동하는 데 필요한 __ 값을 반환합니다 .__

"iOS에서는 canMakePayments를 호출하기 만하면됩니다."이 부분을 제거하고 기본 예제에 initConnection() 도 추가해야한다고 생각합니다.

나는 그것이 예제에 없었기 때문에 그것이 선택 사항이라고 정말로 확신했습니다.

구매 리스너를 등록하기 전에 initConnection() 를 추가하면이 문제가 해결되었으므로 # 1002 및 # 756과 관련이있을 수 있습니다.

나는 4.4.9를 사용하고 있으며이 티켓에 설명 된 문제도 나에게 발생하고 있습니다.
리스너는 시작될 때만 호출되지만 내가 설정 한 다음 구매를 수행하면 호출되지 않습니다.
react-native-iap/index.ts 보고 내부에서 일어나는 일을 파악한 후 네이티브 이벤트를 직접 구독하여 문제를 해결했습니다.
이는 언제든지 수행 할 수 있으며 지속됩니다. (한 번만 완료되었는지 확인하십시오)

import { NativeModules, NativeEventEmitter } from 'react-native';
import { Observable } from 'rxjs/Observable';

const purchaseEvent = Observable.fromEvent(
  new NativeEventEmitter(NativeModules.RNIapIos),
  'purchase-updated'
);
const purchaseSubscription = purchaseEvent.subscribe((transactionData) => {
  // Trigger server receipt validation here...
});
const errorEvent = Observable.fromEvent(
  new NativeEventEmitter(NativeModules.RNIapIos),
  'purchase-error'
);
const errorSubscription = errorEvent.subscribe((errorData) => {
  // Handle errors here...
});

initConnection() 가 README의 예제 코드에 없기 때문에 많은 사람들이 오류를 겪고 있습니다. 여기에 추가했습니다 : # 1088,하지만 누군가 내 코드를 다시 확인할 수 있다면 감사하겠습니다. (나는 여전히 내 코드가 완전히 작동하지 않으므로 그것에 대해 너무 확신하지 않습니다 ...)

v5.1.1에서도이 문제가 발생했습니다. initConnection 해결되지 않았습니다. 리스너 콜백은 purchaseUpdate에서 트리거되지 않습니다. 그래도 안드로이드에서는 잘 작동합니다. 내 해결 방법은 @mrozanski 와 같은 Observables를 사용하는 것입니다.

import React, { useContext, useEffect, useState } from 'react';
import { Alert, EmitterSubscription, Platform, NativeEventEmitter,
    NativeModules } from 'react-native';
import { connect } from 'react-redux';
import RNIap, {
    InAppPurchase,
    PurchaseError,
    SubscriptionPurchase,
    purchaseErrorListener,
    purchaseUpdatedListener,
} from 'react-native-iap';
import { Observable, Subscription } from 'rxjs';

const RNIAPEvent = new NativeEventEmitter(NativeModules.RNIapIos);
const purchaseObservable = new Observable((subscriber) => {
    RNIAPEvent.addListener('purchase-updated', (event) => {
        subscriber.next(event);
    })
})

const RNIAPErrorEvent = new NativeEventEmitter(NativeModules.RNIapIos);
const purchaseErrorObservable = new Observable((subscriber) => {
    RNIAPErrorEvent.addListener('purchase-error', (event) => {
        subscriber.next(event);
    })
})


const Wrapper = ({ ...props }) => {

    let purchaseUpdateSubscription: EmitterSubscription | Subscription | null = null;
    let purchaseErrorSubscription: EmitterSubscription | Subscription | null = null;

    const validateTransaction = async (purchase: SubscriptionPurchase) => {    
        return new Promise(async (resolve) => {
              //resolve(validationResponseFromYourBackend)
        }
    }

    const handleSubEvent = async (purchase: InAppPurchase | SubscriptionPurchase) => {
        const receipt = purchase.transactionReceipt;
        const purchaseToken = purchase.purchaseToken
        if (receipt) {
            try {
                const result = await validateTransaction(purchase);
                if (result.status === 200) {
                    RNIap.acknowledgePurchaseAndroid(purchaseToken).then(() => {
                        RNIap.finishTransaction(purchase, false)
                        .then(() => giveYourUserValue())
                        .catch((e) => {
                            //
                        })
                    })
                }
            } catch (err) {
                //
            }
        }
    }


    useEffect(() => {
        RNIap.initConnection()
            .then(() => {
                RNIap.flushFailedPurchasesCachedAsPendingAndroid().catch(() => {
                    // exception
                    })
                .then(() => {
                    if (Platform.OS === 'ios') {
                        //Documented implementation has issues purchaseUpdatedListener callback
                        purchaseUpdateSubscription = purchaseObservable.subscribe((purchase) => {
                            console.log('purchase observable', purchase)
                            handleSubEvent(purchase);
                        });

                        purchaseErrorSubscription = purchaseErrorObservable.subscribe((error) => {
                            console.log('purchaseErrorListener', error);
                        })

                    } else {
                        //for android use the documented method. Callbacks work.
                        purchaseUpdateSubscription = purchaseUpdatedListener(
                            (purchase: InAppPurchase | SubscriptionPurchase) => {
                                handleSubEvent(purchase);
                            }

                        );
                        purchaseErrorSubscription = purchaseErrorListener(
                            (error: PurchaseError) => {
                               console.log('purchaseErrorListener', error);
                            },
                        );
                    }

                })
            })
        return () => {
              // clear your listeners
             //eg if Subscription purchaseErrorSubscription.unsubscribe() 
            //eg if EmitterSubscription purchaseErrorSubscription.remove() 
        }
    }, []);

    return (
        <InAppSubContext.Provider
            value={{
                someValueYouWantPassedDown: 'theValue'
            }}
        >
            {props.children}
        </InAppSubContext.Provider>
    )
}

const mapState = (state) => ({ someProps: 'yeah' });

const InAppSubscriptionManager = connect(mapState)(Wrapper);

export default InAppSubscriptionManager;

이제 이것을 사용하여 App.tsx 앱을 래핑 할 수 있습니다.

import InAppSubscriptionManager from './path/to/inAppSubscriptionManager';
const App = () => {

    return (
        <Provider store={store}>
                <InAppSubscriptionManager>

                    <AppNavigator />

                </InAppSubscriptionManager>
        </Provider>
    );
}

export default App;

도움이되어 다행입니다. 우리는 6 월부터 이것을 생산하고 있습니다.
어느 시점에서 Observable에서 이것으로 변경되었습니다 (우리는 typescript를 사용하지 않습니다)

      const purchaseEvent = new NativeEventEmitter(NativeModules.RNIapIos);
      const subscription = purchaseEvent.addListener(
        'purchase-updated',
        transactionData => {
          console.log('IAP-LOG purchase-updated');
          dispatch(validateRecepit(transactionData));
        }
      );
      const errorSubscription = purchaseEvent.addListener(
        'purchase-error',
        data => {
          crashlytics().log(`Purchase error ${JSON.stringify(data)}`);
          console.log('IAP-LOG purchase-error', data);
        }
      );
    };