Apple Pay

Gardez à l’esprit :

• Le paiement avec Apple Pay est uniquement disponible sur les appareils compatibles.
• Le SDK vérifie uniquement si un paiement peut être effectué sur l’appareil de l’utilisateur et envoie les données nécessaires. Le paiement est ensuite traité dans un onglet externe : https://secure.xsolla.com/paystation4/payment/external-pages/apple-pay.
• Par commodité, le composant psdk-apple-pay est inclus dans le composant psdk-submit-button.

Exemple d'implémentation

Reportez-vous à l'exemple détaillé sur GitHub.

Comment configurer

Pour utiliser Headless checkout afin d’accepter les paiements avec Apple Pay :

1. Ajoutez le traitement de l’événement show_fields pour l’affichage de champs supplémentaires.

1headlessCheckout.form.onNextAction((nextAction) => {
2  switch (nextAction.type) {
3    case 'show_fields':
4      this.handleShowFieldsAction(nextAction);
5  }
6});

2. Ajoutez le composant psdk-payment-form au balisage HTML de l’interface de paiement pour afficher des champs supplémentaires.

1<psdk-payment-form></psdk-payment-form>
2<psdk-submit-button text="Pay" />

Paiement en un clic

Le paiement en un clic permet aux utilisateurs de payer avec Apple Pay, un moyen de paiement natif, sécurisé et familier, sur les appareils compatibles. Pour configurer le paiement en un clic :

1. Créez une demande pour activer cette option. Pour ce faire :

   a. Ouvrez votre Compte éditeur et accédez à la section Support Hub.

   b. Cliquez sur Submit request.

   

   c. Dans la fenêtre qui s’ouvre, remplissez les champs :

   • Summary. Par exemple : Configuration du paiement en un clic avec Apple Pay.
   • Description. Spécifiez le domaine utilisé pour ouvrir l’interface de paiement, par exemple amazing.store.com.
   • Project ID. Sélectionnez un ID de projet dans la liste déroulante. Si vous souhaitez configurer l’option de paiement en un clic pour plusieurs projets, indiquez leurs ID dans le champ Description.

   d. Cliquez sur Send.

2. Attendez la réception de votre fichier d’association de domaine. Cette étape est gérée par Xsolla :
   1. Xsolla enregistre votre domaine auprès d’Apple.
   2. Xolla reçoit le fichier d’association de domaine d’Apple.
   3. Xsolla vous envoie le fichier d’association de domaine par e-mail et vous indique où l’importer.

3. Mettez à jour le script d’initialisation du SDK comme indiqué ci-dessous :

1const config: InitialOptions = {
2  isWebview: false,
3  theme: 'default',
4  language: parameters.language,
5  topLevelDomain: 'amazing.store.com',
6  isApplePayInstantFlowEnabled: true
7};
8
9await initHeadlessCheckoutLib(config);