Apple Pay 条纹集成

Question

这是JavaScript的代码我曾经用Stripe开发过Apple Payment Request按钮，我在上面放置了相关代码，我还添加了相关的stripe v3库并添加了一个div 付款请求按钮 ID 在 html

var stripe = Stripe('pk_test_ZjbcGwDeoJsycvIs7KGEFkVR00qOzHxlrX');
    elements = stripe.elements();

    // Config payment request
    paymentRequest = stripe.paymentRequest({
     country: 'US',
     currency: 'usd',
     total: {
      label: 'Demo total',
      amount: 100,
     },
    });
    paymentRequest.on('source', function(event) {
     console.log('Got source: ', event.source.id);
     event.complete('success');
     ChromeSamples.log(JSON.stringify(event.source, 2));
     // Send the source to your server to charge it!
    });
    prButton = elements.create('paymentRequestButton', {
     paymentRequest,
    });
    // Check the availability of the Payment Request API first.
    paymentRequest.canMakePayment().then((result) => {
     //console.log(prButton);
     if (result) {
      prButton.mount('#payment-request-button');
     } else {
      document.getElementById('payment-request-button').style.display = 'none';
      ChromeSamples.setStatus("Not supported, please check: https://stripe.com/docs/elements/payment-request-button#testing");
     }
    });

    // Helpers
    var ChromeSamples = {
     log: function() {
      var line = Array.prototype.slice.call(arguments).map(function(argument) {
       return typeof argument === 'string' ? argument : JSON.stringify(argument);
      }).join(' ');

      document.querySelector('#log').textContent += line + '\n';
     },

     clearLog: function() {
      document.querySelector('#log').textContent = '';
     },

     setStatus: function(status) {
      document.querySelector('#status').textContent = status;
     },

     setContent: function(newContent) {
      var content = document.querySelector('#content');
      while (content.hasChildNodes()) {
       content.removeChild(content.lastChild);
      }
      content.appendChild(newContent);
     }
    };

Answer 1

I am testing it in Chrome 80+ Version in Window 10 OS

根据 Apple 的 "Apple Pay is compatible with these devices" page，Apple Pay 只能在 Mac、iPhone、iPad 和 Apple Watch 设备上使用，并且只能在 Safari 中使用。

Stripe docs you linked也说：

Apple Pay with the Payment Request Button requires macOS 10.12.1+ or iOS 10.1+.

您需要一台 Apple 设备来测试您的 Apple Pay 集成。

Apple Pay 条纹集成

Apple Pay Stripe Integrations

php

stripe-payments

laravel-5.8

applepay

applepayjs