旧 Stripe 内の選択肢

どこが提供している仕組みでトークン化するの？ 2種類

A.Stripeが用意した仕組みを利用してトークン化する方法は、5種類

checkout.js ― Stripe.js と Stripe Elements

array (

  'stripeToken' => 'tok_xxxx',

  'stripeTokenType' => 'card',

  'stripeEmail' => 'hoge@yahoo.co.jp',

)

クライアント側コード

<form action="your-server-side-code" method="POST">

  <script

    src="https://checkout.stripe.com/checkout.js" class="stripe-button"

    data-key="pk_test_●●"

    data-amount="999"

    data-name="PHPデモ"

    data-description="Widget"

    data-image="https://stripe.com/img/documentation/checkout/marketplace.png"

    data-locale="auto"

    data-currency="jpy">

  </script>

</form>

<script src="https://checkout.stripe.com/checkout.js"></script>



<button id="customButton">Purchase</button>



<script>

var handler = StripeCheckout.configure({

  key: 'pk_test_●●',

  image: 'https://stripe.com/img/documentation/checkout/marketplace.png',

  locale: 'auto',

  token: function(token) {

    // You can access the token ID with `token.id`.

    // Get the token ID to your server-side code for use.

  }

});



document.getElementById('customButton').addEventListener('click', function(e) {

  // Open Checkout with further options:

  handler.open({

    name: 'PHPデモ',

    description: '2 widgets',

    currency: 'jpy',

    amount: 2000

  });

  e.preventDefault();

});



// Close Checkout on page navigation:

window.addEventListener('popstate', function() {

  handler.close();

});

</script>

<!-- Load Stripe.js on your website. -->

<script src="https://js.stripe.com/v3"></script>



<!-- Create a button that your customers click to complete their purchase. -->

<button id="checkout-button" role="link">Pay</button>

<div id="error-message"></div>



<script>

  var stripe = Stripe('pk_test_●●', {

    betas: ['checkout_beta_4']

  });



  var checkoutButton = document.getElementById('checkout-button');

  checkoutButton.addEventListener('click', function () {

    // When the customer clicks on the button, redirect

    // them to Checkout.

    stripe.redirectToCheckout({

      items: [{sku: 'sku_EYUuveVPe61SrH', quantity: 1}],



      // Note that it is not guaranteed your customers will be redirected to this

      // URL *100%* of the time, it's possible that they could e.g. close the

      // tab between form submission and the redirect.

      successUrl: 'https://php-demo.w4c.work/demo/settlement/stripe/checkout-beta/2/thanks.php',

      cancelUrl: 'https://php-demo.w4c.work/demo/settlement/stripe/checkout-beta/2/',

      clientReferenceId: 'order_123',

    })

    .then(function (result) {

      if (result.error) {

        // If `redirectToCheckout` fails due to a browser or network

        // error, display the localized error message to your customer.

        var displayError = document.getElementById('error-message');

        displayError.textContent = result.error.message;

      }

    });

  });

</script>

Tokenオブジェクト vs Sourceオブジェクト

Tokenオブジェクト

Sourceオブジェクト

支払方式