如何使用 ReactJS 和 Capacitor 在应用程序内购买

Question

我正在使用 Capacitor 生成 IOS 和 Android 应用程序（不使用 Iconic） - 这效果很好，但我们正在尝试实现 IAP（现阶段仅适用于 IOS）并且无法弄清楚。

我遵循了各种指南（https://ionicframework.com/docs/native/ in-app-purchase-2 和 https://purchase.cordova.fovea.cc/ 和 https://capacitorjs.com/docs/guides/in-app-purchases），但根本无法让它与React（而不是React Native）一起工作。

有人能给我指出正确的方向，或者提供示例代码吗？

Answer 1

你没有描述出了什么问题，但这里有一个适用于我的 iOS 的基本配置。

我只包含有关商店的部分：

index.tsx

import { IAPProduct, InAppPurchase2 } from '@ionic-native/in-app-purchase-2';

const startStoreEventListeners = () => {
  if (isPlatformMobile()) {
    document.addEventListener(
      'deviceready',
      () => {    
        const store = InAppPurchase2;
        // Needed to use IAP + cordova plugins.

        // Set debug messages.
        // Default.
        store.verbosity = store.QUIET;
        // store.verbosity = store.DEBUG;

        store.register([
          {
            id: subMonthly,
            type: store.PAID_SUBSCRIPTION,
          },
          {
            id: subAnnual,
            type: store.PAID_SUBSCRIPTION,
          },
        ]);
    
        // Upon approval, verify the receipt.
        store.when(subMonthly).approved((product: IAPProduct) => {
          product.verify();
        });
        store.when(subAnnual).approved((product: IAPProduct) => {
          product.verify();
        });

        // Upon receipt validation, mark the subscription as owned.
        store.when(subMonthly).verified((product: IAPProduct) => {
          product.finish();
        });
        store.when(subAnnual).verified((product: IAPProduct) => {
          product.finish();
        });
    
        // Track all store errors
        store.error((err: Error) => {
          debugLog('Store Error', JSON.stringify(err));
        });
    
        // https://billing-dashboard.fovea.cc/setup/cordova
        store.validator =
          'https://validator.fovea.cc/v1/validate?appName=secret';
        store.refresh();

        startIonic();
      },
      false,
    );
  } else {
    startIonic();
  }
};

startStoreEventListeners();

serviceWorker.unregister();

请注意 @ionic-native 软件包已弃用，需要转换。