Langkapi ke konten utama
@capgo/native-purchases Pembayaran Sumber Terbuka

Pembelian Asli Plugin Capacitor

Mengimplementasikan pembelian dalam aplikasi native, langganan, dan rencana pembayaran StoreKit iOS dengan mudah API

Install

bun add @capgo/native-purchases bunx cap sync
npm, pnpm atau yarn
  • npm install @capgo/native-purchases
  • pnpm add @capgo/native-purchases
  • yarn add @capgo/native-purchases

Panduan

Cara Menggunakan Pembelian Asli di Capacitor

Uji di Perangkat

Unduh aplikasi Capgo, kemudian scan kode QR code.

Tautan QR Pratinjau Plugin Pembelian Asli code

Menggunakan @capgo/native-purchases

Pembelian Aplikasi yang Mudah.

Install

bun add @capgo/native-purchases
bunx cap sync

Apa yang Dikembangkan oleh Plugin Ini

  • restorePurchases - Mengembalikan penggunaan sebelumnya dan menghubungkan ID pengguna aplikasi ke pengguna mana pun yang juga menggunakan ID pengguna yang sama.
  • getAppTransaction - Mendapatkan informasi transaksi aplikasi, yang menyediakan detail tentang kapan pengguna pertama kali mengunduh atau membeli aplikasi.
  • isEntitledToOldBusinessModel - Membandingkan versi aplikasi asli dari transaksi aplikasi dengan versi target untuk menentukan apakah pengguna berhak atas fitur dari model bisnis sebelumnya.
  • getProducts - Mengisi metadata produk toko, termasuk istilah harga langganan iOS yang didukung.
  • purchaseProduct - Memulai proses pembelian untuk produk yang dipilih dan rencana tagihan.

Contoh Penggunaan

restorePurchases

Mengembalikan penggunaan sebelumnya dan menghubungkan ID pengguna aplikasi mereka ke pengguna mana pun yang juga menggunakan ID tersebut.

import { NativePurchases } from '@capgo/native-purchases';

await NativePurchases.restorePurchases();

getAppTransaction

Mendapatkan informasi Transaksi Aplikasi, yang menyediakan detail tentang kapan pengguna pertama kali mengunduh atau membeli aplikasi.

import { NativePurchases } from '@capgo/native-purchases';

const { appTransaction } = await NativePurchases.getAppTransaction();

// Check if user downloaded before version 2.0.0 (when subscription was added)
if (compareVersions(appTransaction.originalAppVersion, '2.0.0') < 0) {
  // User gets free access - they downloaded before subscriptions
  grantFreeAccess();
}

isEntitledToOldBusinessModel

Mengumpulkan versi aplikasi asli dari Transaksi Aplikasi melawan versi target untuk menentukan apakah pengguna berhak atas fitur dari model bisnis sebelumnya.

import { NativePurchases } from '@capgo/native-purchases';

// Check if user downloaded before version 2.0.0/build 42 (when subscription was added)
const result = await NativePurchases.isEntitledToOldBusinessModel({
  targetVersion: '2.0.0',
  targetBuildNumber: '42'
});

if (result.isOlderVersion) {
  console.log(`User downloaded v${result.originalAppVersion}, granting free access`);
  grantFreeAccess();
}

purchaseProduct

Mulai proses pembelian untuk produk yang ditentukan. Untuk langganan Android, masukkan ID rencana dasar Google Play sebagai planIdentifierUntuk langganan iOS yang didukung yang menawarkan tagihan bulanan dengan komitmen 12 bulan, masukkan billingPlanType: 'monthly'.

import { NativePurchases, PURCHASE_TYPE } from '@capgo/native-purchases';

await NativePurchases.purchaseProduct({
  productIdentifier: 'com.example.premium.monthly',
  planIdentifier: 'monthly-plan',
  productType: PURCHASE_TYPE.SUBS,
});

Langganan bulanan iOS dengan komitmen 12 bulan

Pada versi iOS yang didukung, StoreKit dapat menampilkan rencana tagihan bulanan dengan komitmen 12 bulan melalui pricingTermsTampilkan istilah-istilah ini pada paywall sebelum pembelian:

import { NativePurchases, PURCHASE_TYPE } from '@capgo/native-purchases';

const { products } = await NativePurchases.getProducts({
  productIdentifiers: ['com.example.premium.yearly'],
  productType: PURCHASE_TYPE.SUBS,
});

const yearlyProduct = products.find(
  (product) => product.identifier === 'com.example.premium.yearly',
);
const monthlyCommitment = yearlyProduct?.pricingTerms?.find(
  (term) => term.billingPlanType === 'monthly',
);

if (yearlyProduct && monthlyCommitment) {
  console.log('Monthly price:', monthlyCommitment.billingDisplayPrice);
  console.log('Total commitment:', monthlyCommitment.commitmentInfo?.priceString);

  const transaction = await NativePurchases.purchaseProduct({
    productIdentifier: yearlyProduct.identifier,
    productType: PURCHASE_TYPE.SUBS,
    billingPlanType: 'monthly',
  });

  console.log('Billing plan:', transaction.billingPlanType);
  console.log('Commitment ends:', transaction.commitmentInfo?.expirationDate);
}

Pengacuan Lengkap

Teruskan dari Menggunakan @capgo/pembelian-asli

Jika Anda menggunakan Menggunakan @capgo/pembelian-asli untuk merencanakan pembayaran dan pembelian, hubungkannya dengan @capgo/pembelian-asli untuk detail implementasi di @capgo/pembelian-asli, Berikut Langkah Awal untuk detail implementasi di Berikut Langkah Awal, Harga Capgo untuk alur kerja produk di Harga Capgo Sistem Pembayaran untuk detail implementasi di Sistem Pembayaran, dan Buku Panduan Pendapatan untuk detail implementasi di Buku Panduan Pendapatan.

FAQ

Pertanyaan Umum Plugin Pembelian Nativ

Bagaimana cara saya menginstal plugin Pembelian Nativ di aplikasi Capacitor?

Run &quot;bun add @capgo/native-purchases&quot; (or &quot;npm install @capgo/native-purchases&quot;), then run &quot;bunx cap sync&quot; so the iOS and Android projects pick up the native code. Import it from &quot;@capgo/native-purchases&quot; in your app code.

Apakah @capgo/native-purchases berfungsi dengan React, Vue, dan Angular?

Yes. Native Purchases is a Capacitor package, so it works with any web framework that runs inside Capacitor, including Ionic, React, Vue, Angular, Svelte and plain JavaScript.

Apa versi Capacitor yang mendukung @capgo/native-purchases?

Capgo plugins follow Capacitor&#39;s major version: use the plugin major version that matches your Capacitor major version (for example plugin v8 with Capacitor 8). The compatibility table in the GitHub README lists the maintained versions.

Apakah @capgo/native-purchases gratis dan terbuka sumber?

Yes. The source code is public on GitHub at https://github.com/Cap-go/capacitor-native-purchases/ and the package is free to install from npm. Bug reports and pull requests are welcome.

Apakah saya bisa memperbarui code yang menggunakan Pembelian Nativ tanpa melalui tinjauan App Store?

Menginstal atau mengupgrade plugin akan mengubah native code, sehingga memerlukan pembangunan toko baru. Setelah itu, perubahan JavaScript, HTML, dan CSS yang memanggil plugin dapat dikirimkan secara instan dengan Capgo pembaruan hidup.

Kirim Perubahan Pembelian Asli Tanpa Menunggu Tinjauan Aplikasi

Setelah plugin masuk ke dalam toko aplikasi Anda, Capgo pembaruan hidup memindahkan perubahan JavaScript, HTML, dan CSS Anda ke pengguna dalam menit-menit.

Mulai dengan Capgo