Piani di fatturazione mensili di iOS per l'impegno

L'Apple supporta le sottoscrizioni che fatturano mensilmente mentre impegnano il cliente a un termine più lungo di 12 mesi. Quando StoreKit e l'OS in esecuzione supportano questo piano di fatturazione, @capgo/native-purchases esporre i termini di prezzo, consentire di selezionare il piano di fatturazione mensile durante l'acquisto e restituire i metadati di impegno sulle transazioni e le informazioni di rinnovo.

Usa questo per offrire sottoscrizioni annuali dove gli utenti preferiscono pagamenti mensili ma desideri comunque la retention e la prevedibilità di un termine annuale impegnativo.

Requisiti

• Configura il piano di fatturazione mensile con impegno di 12 mesi in App Store Connect o in StoreKit Testing in Xcode.
• Costruisci l'app iOS con un Xcode SDK che contiene StoreKit pricingTerms e billingPlanType.
• Esegui su una versione di iOS che supporta i piani di fatturazione di impegno di StoreKit.
• Mantieni un'opzione di fatturazione standard disponibile per dispositivi o negozi che non restituiscono termini di prezzi di impegno.

Nota

Il JavaScript API è sicuro da chiamare su tutte le piattaforme. Le piattaforme non supportate semplicemente non restituiranno pricingTerms, e Android ignora billingPlanType.

Carica e visualizza i termini di prezzo

Chiamata getProducts() Come di consueto. Per i prodotti di abbonamento iOS supportati, ogni prodotto può includere pricingTerms.

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

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

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

Visualizza i valori forniti dal negozio al posto dei prezzi hardcoded:

Campo	Utilizzalo per
billingDisplayPrice	Il costo ricorrente mostrato all'utente, ad esempio il carico mensile.
billingPeriod	Il calendario di fatturazione per il prezzo di fatturazione visualizzato.
commitmentInfo.priceString	Il prezzo di impegno totale formattato per il negozio dell'utente.
commitmentInfo.period	La durata dell'impegno completo.
subscriptionOffers	Offerte introduttive o promozionali associate al termine di prezzo.

Esempio di copia del paywall:

function commitmentLabel(term: NonNullable<typeof monthlyCommitment>) {
  const total = term.commitmentInfo?.priceString;
  return total
    ? `${term.billingDisplayPrice} billed monthly, ${total} total commitment`
    : term.billingDisplayPrice;
}

Acquista il Piano di Sottoscrizione Mensile

Quando l'utente seleziona il piano di sottoscrizione mensile, passa billingPlanType: 'monthly'.

const transaction = await NativePurchases.purchaseProduct({
  productIdentifier: 'com.example.app.premium.yearly',
  productType: PURCHASE_TYPE.SUBS,
  billingPlanType: 'monthly',
  appAccountToken: userStoreUuid,
});

Usa billingPlanType: 'upFront' Usa solo quando hai bisogno di selezionare esplicitamente il piano di fatturazione a fronte standard. Se ometti billingPlanTypeStoreKit utilizza il comportamento di acquisto predefinito per il prodotto.

Suggerimento

Mantieni lo stato del paywall legato al termine di prezzo che l'utente ha selezionato. Se pricingTerms Se manca, nascondi l'opzione di impegno e mostra il pulsante di acquisto della sottoscrizione regolare.

Leggi i Metadati di Impegno

Gli acquisti includono il piano di fatturazione e lo stato di avanzamento dell'impegno quando StoreKit lo fornisce:

if (transaction.billingPlanType === 'monthly') {
  console.log('Current billing period:', transaction.commitmentInfo?.billingPeriodNumber);
  console.log('Total billing periods:', transaction.commitmentInfo?.totalBillingPeriods);
  console.log('Commitment ends:', transaction.commitmentInfo?.expirationDate);
  console.log('Commitment total:', transaction.commitmentInfo?.price);
}

L'informazione di rinnovo può includere lo stato dell'impegno successivo:

const { purchases } = await NativePurchases.getPurchases({
  productType: PURCHASE_TYPE.SUBS,
  onlyCurrentEntitlements: true,
});

for (const purchase of purchases) {
  const commitment = purchase.renewalInfo?.commitmentInfo;
  if (!commitment) continue;

  console.log('Renews into another commitment:', commitment.willAutoRenew);
  console.log('Next billing plan:', commitment.renewalBillingPlanType);
  console.log('Next renewal date:', commitment.renewalDate);
}

Utilizza i campi di livello superiore expirationDate e isActive per prendere decisioni relative all'entitlamento. Utilizza commitmentInfo.expirationDate per spiegare la cronologia completa dell'impegno al cliente.

Note di revisione dell'App Store

• Mostra sia il prezzo di fatturazione ricorrente che il prezzo di impegno totale prima dell'acquisto.
• Specifica la lunghezza del piano di impegno vicino al pulsante di acquisto.
• Usa product.title, product.priceString, pricingTerms[].billingDisplayPrice, e pricingTerms[].commitmentInfo.priceString da StoreKit al posto dei prezzi hardcoded.
• Fornisci azioni di ripristino acquisti e gestione abbonamento sulla schermata di pagamento o schermata account.

Guide correlate

• Creare abbonamenti iOS
• Configura il testing sandbox iOS
• Linee guida di revisione App Store iOS

Continua da qui: Piani di impegno mensile iOS

Se stai utilizzando Piani di fatturazione mensili per iOS per pianificare i pagamenti e le spese, connettilo con Utilizzare @capgo/native-purchases per la capacità nativa in Utilizzare @capgo/native-purchases, Capgo Pricing per il workflow del prodotto in Capgo Pricing, Sistema di pagamento per il dettaglio di implementazione in Sistema di pagamento, @capgo/native-purchases per il dettaglio di implementazione in @capgo/native-purchases, e Avvio rapido per i dettagli di implementazione in Getting Started.