Stripe Payments ＞ PREPARING FOR SCA ＞ Payment Intents

docs

動的支払いフローを構築するための新しい方法だ

SCAに対応している

仕組みを見る

1回限りの支払いを受け入れる

セッション外支払いフロー

一目で

docs

支払いの完了方法に応じて

自動確認のクイックスタート

ステップ1：サーバーで PaymentIntent を作成する

// Set your secret key: remember to change this to your live secret key in production

// See your keys here: https://dashboard.stripe.com/account/apikeys

\Stripe\Stripe::setApiKey("sk_test_xxxx");



$intent = \Stripe\PaymentIntent::create([

  'amount' => 1099,

  'currency' => 'jpy',

]);

// Set your secret key: remember to change this to your live secret key in production

// See your keys here: https://dashboard.stripe.com/account/apikeys

\Stripe\Stripe::setApiKey("sk_test_xxxx");



\Stripe\PaymentIntent::create([

  "amount" => 1099,

  "currency" => "eur",

  "payment_method_types" => ["card"],

]);

// Set your secret key: remember to change this to your live secret key in production

// See your keys here: https://dashboard.stripe.com/account/apikeys

\Stripe\Stripe::setApiKey("sk_test_xxxx");



\Stripe\PaymentIntent::update(

  'pi_xxxx',

  [

    'amount' => 1499,

  ]

);

ステップ2：PaymentIntentのクライアントシークレットをクライアント側へ渡す

// Set your secret key: remember to change this to your live secret key in production

// See your keys here: https://dashboard.stripe.com/account/apikeys

\Stripe\Stripe::setApiKey("sk_test_xxxx");



//$intent = # ... Fetch or create the PaymentIntent;

$intent1 = \Stripe\PaymentIntent::create([

  'amount' => 1099,

  'currency' => 'jpy',

]);



$intent2 = \Stripe\PaymentIntent::update(

  $intent1['id'],

  [

    'amount' => 1499,

  ]

);

?>



<input id="cardholder-name" type="text">

<!-- placeholder for Elements -->

<div id="card-element"></div>

<button id="card-button" data-secret="<?php echo $intent2->client_secret; ?>">

  Submit Payment

</button>

ステップ3：(「Stripe Elements」を設定後、)クライアントで支払い方法の詳細を収集する

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

const stripe = Stripe('pk_test_xxxx');



const elements = stripe.elements();

const cardElement = elements.create('card');

cardElement.mount('#card-element');

const stripe = Stripe('pk_test_××××', {

  betas: ['payment_intent_beta_3']

});



const elements = stripe.elements();

const cardElement = elements.create('card');

cardElement.mount('#card-element');

ステップ4： クライアントからStripeへ支払いを送信する

const cardholderName = document.getElementById('cardholder-name');

const cardButton = document.getElementById('card-button');

const clientSecret = cardButton.dataset.secret;



cardButton.addEventListener('click', async (ev) => {

  const {paymentIntent, error} = await stripe.handleCardPayment(

    clientSecret, cardElement, {

      payment_method_data: {

        billing_details: {name: cardholderName.value}

      }

    }

  );



  if (error) {

    // Display error.message in your UI.

    console.log(error);

  } else {

    // The payment has succeeded. Display a success message.

    console.log("成功");

  }

});

const cardholderName = document.getElementById('cardholder-name');

const cardButton = document.getElementById('card-button');

const clientSecret = cardButton.dataset.secret;



cardButton.addEventListener('click', async (ev) => {

  const {paymentIntent, error} = await stripe.handleCardPayment(

    clientSecret, cardElement, {

      source_data: {

        owner: {name: cardholderName.value}

      }

    }

  );



  if (error) {

    // Display error.message in your UI.

    console.log(error);

  } else {

    // The payment has succeeded. Display a success message.

    console.log("成功");

  }

});

ステップ5： 顧客の注文を非同期的に処理する

// Set your secret key: remember to change this to your live secret key in production

// See your keys here: https://dashboard.stripe.com/account/apikeys

\Stripe\Stripe::setApiKey("sk_test_xxxx");



$intent = \Stripe\PaymentIntent::retrieve("pi_xxxx");

$charges = $intent->charges->data;

手動確認のクイックスタート

システムをテストする

ビューポートメタタグの要件

docs

注意事項

新しいフロー

Payment Intents APIフローを従来のシステムと比較する

移行のための戦略

課金から読み取るコードの移行

Webシステムを移行する ／ Elements

Stripe::PaymentIntent.create({

  amount: 1099,

  currency: 'eur',

})

const {token} =

  await stripe.createToken(

    cardElement

  );

const {paymentIntent, error} =

  await stripe.handleCardPayment(

    INTENT_SECRET_FROM_STEP_1,

    cardElement

  );

charge = Stripe::Charge.create(

  source: FROM_PREVIOUS_STEP,

  amount: 1099,

  currency: 'eur',

)

Webシステムを移行する ／ 支払いリクエストボタン

Stripe::PaymentIntent.create({

  amount: 1099,

  currency: 'eur',

})

paymentRequest.on(

  'token',

  ({token, complete}) => {

    // Send the token to the server

    // Invoke the callback when done

    complete(success);

});

paymentRequest.on(

  'token',

  ({token, complete}) => {

    stripe.handleCardPayment(

      INTENT_SECRET_FROM_STEP_1,

      {token: token}

    ).then(({

      paymentIntent,

      error,

    }) =>

      complete(error ? 'fail' : 'success')

    );

});

charge = Stripe::Charge.create(

  source: FROM_PREVIOUS_STEP,

  amount: 1099,

  currency: 'eur',

)

Webシステムを移行する ／  Legacy Checkout

Stripe::PaymentIntent.create({

  amount: 1099,

  currency: 'eur',

})

StripeCheckout.configure({

  // ...configuration

  source: (source) => {

    // send source.id to your server

  },

});

const {paymentIntent, error} =

  await stripe.handleCardPayment(

    INTENT_SECRET_FROM_STEP_1,

    cardElement // from Elements

  );

charge = Stripe::Charge.create(

  source: FROM_PREVIOUS_STEP,

  amount: 1099,

  currency: 'eur',

)

docs

従来の Charges API システムとの比較

移行のための戦略

APIのバージョンとクライアントライブラリを更新する

Webシステムを移行する ／ Elements

Stripe::PaymentIntent.create({

  amount: 1099,

  currency: 'jpy',

})

const {token} =

  await stripe.createToken(

    cardElement

  );

const {paymentIntent, error} =

  await stripe.handleCardPayment(

    INTENT_SECRET_FROM_STEP_1,

    cardElement

  );

if (error) {

  // Display error.message in your UI.

} else {

  // The payment has succeeded

  // Display a success message

}

$charge = \Stripe\Charge::create([

    'source' => '{{FROM_PREVIOUS_STEP}}',

    'amount' => 1099,

    'currency' => 'jpy',

]);

Webシステムを移行する ／ 支払いリクエストボタン

Stripe::PaymentIntent.create({

  amount: 1099,

  currency: 'jpy',

})

paymentRequest.on(

  'token',

  ({token, complete}) => {

    // Send the token to the server

    // Invoke the callback when done

    complete(success);

});

paymentRequest.on(

  'paymentmethod',

  ({paymentMethod, complete}) => {

    // First, confirm the PaymentIntent to

    // see if there are any payment errors.

    const {error: confirmError} =

      await stripe.confirmPaymentIntent(

        INTENT_SECRET_FROM_STEP_1

      );



    if (confirmError) {

      // Complete with 'fail' and show error:

      complete('fail');

    } else {

      // Otherwise, close the Payment Request

      // modal and call handleCardPayment

      // to complete any potential actions

      // required.

      complete('success');

      const {error, paymentIntent} =

        await stripe.handleCardPayment(

          INTENT_SECRET_FROM_STEP_1,

        );



      // Handle payment error, if any.

    }

  }

);

$charge = \Stripe\Charge::create([

    'source' => '{{FROM_PREVIOUS_STEP}}',

    'amount' => 1099,

    'currency' => 'jpy',

]);

Webシステムを移行する ／  Legacy Checkout

「顧客オブジェクトにカードを保存するシステム」の移行

チェックアウトフローでカードを保存する

Stripe::PaymentIntent.create({

  'customer' => '{{CUSTOMER_ID}}',

  amount: 1099,

  currency: 'jpy',

})

const {token} =

  await stripe.createToken(

    cardElement

  );

const {paymentIntent, error} =

  await stripe.handleCardPayment(

    '{{INTENT_SECRET_FROM_STEP_1}}',

    cardElement,

    {save_payment_method: true},

  );

$card = \Stripe\Customer::createSource(

  '{{CUSTOMER_ID}}',

  [

    'source' => '{{TOKEN_OR_SOURCE}}',

  ]

);

$charge = \Stripe\Charge::create([

    'source' => '{{FROM_PREVIOUS_STEP}}',

    'customer' => '{{CUSTOMER_ID}}',

    'amount' => 1099,

    'currency' => 'jpy',

]);

チェックアウトフロー外でのカードの保存

const {token} =

  await stripe.createToken(

  // or stripe.createSource

    cardElement

  );

const {paymentMethod} =

  await stripe.createPaymentMethod(

    'card',

    cardElement

  );

$card = \Stripe\Customer::createSource(

  '{{CUSTOMER_ID}}',

  [

    'source' => '{{TOKEN_FROM_STEP_1}}',

  ]

);

$payment_method = \Stripe\PaymentMethod::retrieve('{{PAYMENT_METHOD_ID}}'))

$payment_method->attach(['customer' => '{{CUSTOMER_ID}}']);

保存したカードで支払う

Stripe::PaymentIntent.create({

  'customer' => '{{CUSTOMER_ID}}',

  amount: 1099,

  currency: 'jpy',

})

const {paymentIntent, error} =

  await stripe.handleCardPayment(

    INTENT_SECRET_FROM_STEP_1,

    {payment_method: PAYMENT_METHOD_ID}

    // An existing Card or Source ID

    // can also be used

  );

if (error) {

  // Display error.message in your UI.

} else {

  // The payment has succeeded

  // Display a success message

}

$charge = \Stripe\Charge::create([

    'source' => '{{FROM_PREVIOUS_STEP}}',

    'customer' => '{{CUSTOMER_ID}}',

    'amount' => 1099,

    'currency' => 'jpy',

]);

保存した支払い方法にアクセスする

customer->sources

\Stripe\PaymentMethod::all(['customer' => '{{CUSTOMER_ID}}', 'type' => 'card']);

docs

PaymentIntent オブジェクト内にある status プロパティの概要

例1：一時支払いの作成

例2：後で請求するためにカードを保存する

例3：PaymentIntentsのキャンセルと返金

// Set your secret key: remember to change this to your live secret key in production

// See your keys here: https://dashboard.stripe.com/account/apikeys

\Stripe\Stripe::setApiKey("sk_test_xxxx");



$intent = \Stripe\PaymentIntent::retrieve("pi_xxxx");

$intent->cancel();

例4：課金せずにカードを保留にする

// Set your secret key: remember to change this to your live secret key in production

// See your keys here: https://dashboard.stripe.com/account/apikeys

\Stripe\Stripe::setApiKey("sk_test_xxxx");



\Stripe\PaymentIntent::create([

  'amount' => 1099,

  'currency' => 'jpy',

  'payment_method_types' => ['card'],

  'capture_method' => 'manual',

]);

// Set your secret key: remember to change this to your live secret key in production

// See your keys here: https://dashboard.stripe.com/account/apikeys

\Stripe\Stripe::setApiKey("sk_test_xxxx");



$intent = \Stripe\PaymentIntent::retrieve('pi_xxxx');

$intent->capture(['amount_to_capture' => 750]);

例5：Apple PayとGoogle Payで Payment Intents を使用する

例6：Connectedアカウントに代わって請求する

// Set your secret key: remember to change this to your live secret key in production

// See your keys here: https://dashboard.stripe.com/account/apikeys

\Stripe\Stripe::setApiKey("sk_test_xxxx");



\Stripe\PaymentIntent::create([

  "amount" => 1099,

  "currency" => "jpy",

  "payment_method_types" => ["card"],

], ["stripe_account" => "{{CONNECTED_ACCOUNT_ID}}"]);

// Set your secret key: remember to change this to your live secret key in production

// See your keys here: https://dashboard.stripe.com/account/apikeys

\Stripe\Stripe::setApiKey("sk_test_xxxx");



\Stripe\PaymentIntent::create([

  "amount" => 1099,

  "currency" => "jpy",

  "application_fee_amount" => 200,

  "payment_method_types" => ["card"],

  "on_behalf_of" => "{{CONNECTED_ACCOUNT_ID}}",

  "transfer_data" => [

    "destination" => "{{CONNECTED_ACCOUNT_ID}}"

  ]

]);

Payment Intents APIを使用して構築されたStripeシステム

PaymentIntentのライフサイクル

クライアント側で支払いを完了する

const stripe = Stripe('pk_test_xxxx', {

  betas: ['payment_intent_beta_3']

});



(async () => {

  const {paymentIntent, error} = await stripe.handleCardPayment(clientSecret, cardElement);

  if (error) {

    // Display error.message in your UI.

  } else {

    // The payment has succeeded. Display a success message.

  }

})();

ソースと顧客

// Set your secret key: remember to change this to your live secret key in production

// See your keys here: https://dashboard.stripe.com/account/apikeys

\Stripe\Stripe::setApiKey("sk_test_xxxx");



\Stripe\PaymentIntent::create([

  "amount" => 1099,

  "currency" => "jpy",

  "payment_method_types" => ["card"],

  "save_payment_method" => true,

  "customer" => "cus_DyA7gideDWXNOX",

  "source" => "src_1DWaarHgsMRXo4MtXrvYGoMZ",

]);

保存したソースを使う

// Set your secret key: remember to change this to your live secret key in production

// See your keys here: https://dashboard.stripe.com/account/apikeys

\Stripe\Stripe::setApiKey("sk_test_xxxx");



\Stripe\PaymentIntent::create([

  "amount" => 1099,

  "currency" => "jpy",

  "payment_method_types" => ["card"],

  "source" => "src_1DWDnvHgsMRlo4Mtl1GO25qW",

  "customer" => "cus_DyA7gideDWXNOX",

  "confirm" => true,

  "return_url" => "https://your-app-domain.com/complete",

]);

Connectを使う

// Set your secret key: remember to change this to your live secret key in production

// See your keys here: https://dashboard.stripe.com/account/apikeys

\Stripe\Stripe::setApiKey("sk_test_xxxx");



\Stripe\PaymentIntent::create([

  "amount" => 1099,

  "currency" => "jpy",

  "payment_method_types" => ["card"],

], ["stripe_account" => "{CONNECTED_ACCOUNT_ID}"]);

// Set your secret key: remember to change this to your live secret key in production

// See your keys here: https://dashboard.stripe.com/account/apikeys

\Stripe\Stripe::setApiKey("sk_test_xxxx");



\Stripe\PaymentIntent::create([

  "amount" => 1099,

  "currency" => "jpy",

  "application_fee_amount" => 200,

  "payment_method_types" => ["card"],

  "on_behalf_of" => "{CONNECTED_ACCOUNT_ID}",

  "transfer_data" => [

    "destination" => "{CONNECTED_ACCOUNT_ID}"

  ]

])

docs

自動確認用のPaymentIntentの作成

// Set your secret key: remember to change this to your live secret key in production

// See your keys here: https://dashboard.stripe.com/account/apikeys

\Stripe\Stripe::setApiKey("sk_xxxx");



\Stripe\PaymentIntent::create([

  'amount' => 1099,

  'currency' => 'jpy',

  'payment_method_types' => ['card'],

]);

ベストプラクティス

PaymentIntentを同時に作成して確認する

// Set your secret key: remember to change this to your live secret key in production

// See your keys here: https://dashboard.stripe.com/account/apikeys

\Stripe\Stripe::setApiKey("sk_test_xxxx");



\Stripe\PaymentIntent::create([

  "amount" => 1099,

  "currency" => "jpy",

  "payment_method_types" => ["card"],

  "payment_method" => "{{PAYMENT_METHOD_ID}}",

  "confirm" => true,

]);

クライアント側に「クライアントシークレット」を渡す

// Set your secret key: remember to change this to your live secret key in production

// See your keys here: https://dashboard.stripe.com/account/apikeys

\Stripe\Stripe::setApiKey("sk_test_xxxx");



//$intent = # ... Fetch or create the PaymentIntent;

$intent1 = \Stripe\PaymentIntent::create([

  'amount' => 1099,

  'currency' => 'jpy',

]);



$intent2 = \Stripe\PaymentIntent::update(

  $intent1['id'],

  [

    'amount' => 1499,

  ]

);

?>



<input id="cardholder-name" type="text">

<!-- placeholder for Elements -->

<div id="card-element"></div>

<button id="card-button" data-secret="<?php echo $intent2->client_secret; ?>">

  Submit Payment

</button>

シングルページアプリケーション

// Set your secret key: remember to change this to your live secret key in production

// See your keys here: https://dashboard.stripe.com/account/apikeys

\Stripe\Stripe::setApiKey("sk_test_xxxx");



$intent = \Stripe\PaymentIntent::create([

  'amount' => 1099,

  'currency' => 'jpy',

]);



$intentResult = \Stripe\PaymentIntent::update(

  $intent['id'],

  [

    'amount' => 1499,

  ]

);

echo json_encode(array('client_secret' => $intentResult->client_secret));

<script>

//JavaScript

var response = fetch('/demo/settlement/stripe/paymentintent/6/secret.php').then(function(response) {

  return response.json();

}).then(function(responseJson) {

  var clientSecret = responseJson.client_secret;

  console.log(clientSecret);

  //Call stripe.handleCardPayment() with the client secret.

});



//JavaScript (ESNext)

(async () => {

  const response = await fetch('/demo/settlement/stripe/paymentintent/6/secret.php');

  const {client_secret: clientSecret} = await response.json();

  console.log(clientSecret);

  // Call stripe.handleCardPayment() with the client secret.

})();

</script>

動的ステートメント記述子

// Set your secret key: remember to change this to your live secret key in production

// See your keys here: https://dashboard.stripe.com/account/apikeys

\Stripe\Stripe::setApiKey("sk_test_xxxx");



\Stripe\PaymentIntent::create([

  'amount' => 1099,

  'currency' => 'jpy',

  'payment_method_types' => ['card'],

  'statement_descriptor' => 'Custom descriptor',

]);

'statement_descriptor' => '2019/4/22 日本語 Custom descriptor',

'statement_descriptor' => '2019/4/22 日本語',

メタデータに情報を保存する

// Set your secret key: remember to change this to your live secret key in production

// See your keys here: https://dashboard.stripe.com/account/apikeys

\Stripe\Stripe::setApiKey("sk_test_xxxx");



\Stripe\PaymentIntent::create([

  'amount' => 1099,

  'currency' => 'jpy',

  'payment_method_types' => ['card'],

  'metadata' => ['order_id' => 6735],

]);

Payment Intents APIを使用して支払いを受け取るための最初のステップ

docs

クライアントでPaymentIntentのステータスを確認する

(async () => {

  let {paymentIntent, error} = await stripe.handleCardPayment(clientSecret);

  if (error) {

    // Handle error here

  } else if (paymentIntent && paymentIntent.status === 'succeeded') {

    // Handle successful payment here

  }

})();

(async () => {

  let {paymentIntent, error} = await stripe.retrievePaymentIntent(clientSecret);

  if (error) {

    // Handle error here

  } else if (paymentIntent && paymentIntent.status === 'succeeded') {

    // Handle successful payment here

  }

})();

サーバーでPaymentIntentのステータスを確認する

Webhookを使ってPaymentIntentを監視する

// You can find your endpoint's secret in your webhook settings

$endpoint_secret = 'whsec_...';



$payload = @file_get_contents('php://input');

$sig_header = $_SERVER['HTTP_STRIPE_SIGNATURE'];

$event = null;



try {

  $event = \Stripe\Webhook::constructEvent(

    $payload, $sig_header, $endpoint_secret

  );

} catch(\UnexpectedValueException $e) {

  // Invalid payload

  http_response_code(400); // PHP 5.4 or greater

  exit();

} catch(\Stripe\Error\SignatureVerification $e) {

  // Invalid signature

  http_response_code(400); // PHP 5.4 or greater

  exit();

}



if ($event->type == "payment_intent.succeeded") {

  $intent = $event->data->object;

  printf("Succeeded: %s", $intent->id);

  http_response_code(200);

  exit();

} elseif ($event->type == "payment_intent.payment_failed") {

  $intent = $event->data->object;

  $error_message = $intent->last_payment_error ? $intent->last_payment_error->message : "";

  printf("Failed: %s, %s", $intent->id, $error_message);

  http_response_code(200);

  exit();

}

特定のWebhookイベントを処理する

PaymentIntentでchargeを特定する

// Set your secret key: remember to change this to your live secret key in production

// See your keys here: https://dashboard.stripe.com/account/apikeys

\Stripe\Stripe::setApiKey("sk_test_xxxx");



$intent = \Stripe\PaymentIntent::retrieve("pi_xxxx");

$charges = $intent->charges->data;

次のアクションを処理する

リダイレクトによる3D Secure認証の手動処理

docs

ステップ1：支払い情報を収集して顧客に添付する

// Set your secret key: remember to change this to your live secret key in production

// See your keys here: https://dashboard.stripe.com/account/apikeys

\Stripe\Stripe::setApiKey("sk_test_xxxx");



// Create a Customer:

$customer = \Stripe\Customer::create([

    'email' => 'paying.user@example.com',

]);



// Attach payment method to the customer:

StripePaymentMethod::attach("pm_123456789", [

  "customer" => $customer->id,

]);



// YOUR CODE: Save the customer ID and other info in a database for later.

ステップ2：後で、支払い方法を指定してPaymentIntentを作成する

// Set your secret key: remember to change this to your live secret key in production

// See your keys here: https://dashboard.stripe.com/account/apikeys

\Stripe\Stripe::setApiKey("sk_test_xxxx");



\Stripe\PaymentIntent::create([

  "amount" => 1099,

  "currency" => "jpy",

  "payment_method_types" => ["card"],

  "customer" => "{{CUSTOMER_ID}}",

  "payment_method" => "{{PAYMENT_METHOD_ID}}",

  "confirm" => true,

]);

ステップ3： PaymentIntentのステータスを確認する

ステップ4：必要に応じて支払いを完了するように顧客に通知する

async () => {

  const {paymentIntent, error} = await stripe.handleCardPayment({{CLIENT_SECRET}});

  if (error) {

    // Display error.message in your UI.

  } else {

    // The payment has succeeded. Display a success message.

  }

})();

docs

API

Payment Methods API  への移行

ソースとカードとの互換性

// Set your secret key: remember to change this to your live secret key in production

// See your keys here: https://dashboard.stripe.com/account/apikeys

\Stripe\Stripe::setApiKey("sk_test_xxxx");



StripePaymentIntent::create([

  "payment_method_types" => ["card"],

  "amount" => 1099,

  "currency" => "jpy",

  "customer" => "cus_EuDxccEWADyPip",

  "payment_method" => "card_1ESZCTJiXAQvfxv33qy49u11",

]);

{

  "id": "card_1EBXBSDuWL9wT9brGOaALeD2",

  "object": "card",

  "address_city": "San Francisco",

  "address_country": "US",

  "address_line1": "1234 Fake Street",

  "address_line1_check": null,

  "address_line2": null,

  "address_state": null,

  "address_zip": null,

  "address_zip_check": null,

  "brand": "Visa",

  "country": "US",

  "customer": "#{customer_id}",

  "cvc_check": null,

  "dynamic_last4": null,

  "exp_month": 8,

  "exp_year": 2024,

  "fingerprint": "53v265akSHAnIk1X",

  "funding": "credit",

  "last4": "4242",

  "metadata": {

  },

  "name": null,

  "tokenization_method": null

}

{

  "id": "card_1EBXBSDuWL9wT9brGOaALeD2",

  "object": "payment_method",

  "billing_details": {

    "address": {

      "city": "San Francisco",

      "country": "US",

      "line1": "1234 Fake Street",

      "line2": null,

      "postal_code": null,

      "state": null

    },

    "name": null,

    "phone": null,

    "email": null

  },

  "card": {

    "brand": "visa",

    "checks": {

      "address_line1_check": null,

      "address_postal_code_check": null,

      "cvc_check": null

    },

    "country": "US",

    "exp_month": 8,

    "exp_year": 2024,

    "fingerprint": "53v265akSHAnIk1X",

    "funding": "credit",

    "last4": "4242",

    "three_d_secure_usage": {

      "supported": true

    },

    "wallet": null

  },

  "created": 123456789,

  "customer": "cus_EepWxEKrgMaywv",

  "livemode": false,

  "metadata": {

  },

  "type": "card"

}

{

  "id": "src_1AhIN74iJb0CbkEwmbRYPsd4",

  "object": "source",

  "amount": null,

  "client_secret": "src_client_secret_xxxx",

  "created": 1500471469,

  "currency": null,

  "flow": "none",

  "livemode": false,

  "metadata": {

  },

  "owner": {

    "address": {

      "city": "Berlin",

      "country": "DE",

      "line1": "Nollendorfstraße 27",

      "line2": null,

      "postal_code": "10777",

      "state": null

    },

    "email": "jenny.rosen@example.com",

    "name": "Jenny Rosen",

    "phone": null,

    "verified_address": null,

    "verified_email": null,

    "verified_name": null,

    "verified_phone": null

  },

  "status": "chargeable",

  "type": "card",

  "usage": "reusable",

  "card": {

    "exp_month": 4,

    "exp_year": 2024,

    "address_line1_check": "unchecked",

    "address_zip_check": "unchecked",

    "brand": "Visa",

    "country": "US",

    "cvc_check": "unchecked",

    "funding": "credit",

    "last4": "4242",

    "three_d_secure": "optional",

    "tokenization_method": null,

    "dynamic_last4": null

  }

}

{

  "id": "card_1EBXBSDuWL9wT9brGOaALeD2",

  "object": "payment_method",

  "billing_details": {

    "address": {

      "city": "Berlin",

      "country": "DE",

      "line1": "Nollendorfstraße 27",

      "line2": null,

      "postal_code": "10777",

      "state": null

    },

    "name": "Jenny Rosen",

    "phone": null,

    "email": "jenny.rosen@example.com"

  },

  "card": {

    "brand": "visa",

    "checks": {

      "address_line1_check": null,

      "address_postal_code_check": null,

      "cvc_check": null

    },

    "country": "US",

    "exp_month": 4,

    "exp_year": 2024,

    "fingerprint": "53v265akSHAnIk1X",

    "funding": "credit",

    "last4": "4242",

    "three_d_secure_usage": {

      "supported": true

    },

    "wallet": null

  },

  "created": 1500471469,

  "customer": "#{customer_id}",

  "livemode": false,

  "metadata": {

  },

  "type": "card"

}

docs

支払い中にクライアント側でPaymentMethodを保存する

const stripe = Stripe('pk_test_xxxx');

const {paymentIntent, error} = await stripe.handleCardPayment(

  '{{PAYMENT_INTENT_CLIENT_SECRET}}',

  cardElement,

  {

    save_payment_method: true,

  }

);

サーバー側でPaymentMethodを保存する

// Set your secret key: remember to change this to your live secret key in production

// See your keys here: https://dashboard.stripe.com/account/apikeys

\Stripe\Stripe::setApiKey("sk_test_xxxx");



// Create a Customer:

$customer = \Stripe\Customer::create([

    'email' => 'paying.user@example.com',

]);



$paymentMethod = \Stripe\PaymentMethod::create([

  'type' => 'card',

  'card' => [

    'number' => '4000003920000003',

    'exp_month' => 4,

    'exp_year' => 2020,

    'cvc' => '314'

  ]

]);



$paymentintent = \Stripe\PaymentIntent::create([

  "amount" => 1099,

  "currency" => "jpy",

  "payment_method_types" => ["card"],

  "save_payment_method" => true,

  "customer" => $customer->id,

  "payment_method" => $paymentMethod['id'],

]);

支払いの外でPaymentMethodを保存する

// Set your secret key: remember to change this to your live secret key in production

// See your keys here: https://dashboard.stripe.com/account/apikeys

\Stripe\Stripe::setApiKey("sk_test_xxxx");



$payment_method = StripePaymentMethod::retrieve('{{PAYMENT_METHOD_ID}}');

$payment_method->attach(['customer' => '{{CUSTOMER_ID}}']);

// Set your secret key: remember to change this to your live secret key in production

// See your keys here: https://dashboard.stripe.com/account/apikeys

\Stripe\Stripe::setApiKey("sk_test_xxxx");



StripePaymentIntent::create([

  "payment_method_types" => ["card"],

  "amount" => 1099,

  "currency" => "jpy",

  "customer" => "{{CUSTOMER_ID}}",

  "payment_method" => "{{PAYMENT_METHOD_ID}}",

]);

保存した支払い方法にアクセスする

customer->sources

\Stripe\PaymentMethod::all(['customer' => '{{CUSTOMER_ID}}', 'type' => 'card']);