---
title: 配送と支払いの情報を表示する
url: ja/amazon-pay-recurring-checkout/ja-display-shipping-payment-info.html
---

**[ステップ3/9]** 購入者は、希望する配送先住所と支払い方法を選択した後、 `checkoutReviewReturnUrl` にリダイレクトされます。 Amazon PayのCheckoutSession IDがクエリパラメータとして含まれます。 

このステップでは、CheckoutSession IDを使用して、決済情報（配送先住所や支払い方法など）を取得し、配送先住所や支払い方法の変更も可能にします。このステップの最後に、購入者に注文の確認情報を提示し、決済が完了する前に、希望する配送先住所および支払い方法を更新するオプションを提供することができます。

<!-- <div style="display:none" class="environmentSpecificKeys">
  <div markdown="span" class="alert alert-info" role="alert"><i class="fa fa-info-circle"></i> <b>Note:</b> publicKeyIdの先頭に環境名が<b>付与されていない</b>場合 (SANDBOX'や'LIVE'で始まっていない場合)、<a href='#' onclick='window.location.href=window.location.href.split("?")[0]+"?environmentSpecificKeys=false"' rel='noopener noreferrer'>こちらの手順</a>を確認してください。</div>
</div>
<div style="display:none" class="notEnvironmentSpecificKeys">
  <div markdown="span" class="alert alert-info" role="alert"><i class="fa fa-info-circle"></i> <b>Note:</b> publicKeyIdの先頭に環境名が付与されている場合 (例: SANDBOX-AFVX7ULWSGBZ5535PCUQOY7B)、<a href='#' onclick='window.location.href=window.location.href.split("?")[0]+"?environmentSpecificKeys=true"' rel='noopener noreferrer'>こちらの手順</a>を確認してください。</div>
</div> -->

* TOC
{:toc}
{::options toc_levels="3" /}

***

### 1. 配送と支払いの情報を取得します

<a href="../amazon-pay-api-v2/checkout-session.md#get-checkout-session" target="_blank" rel="noopener noreferrer">Get Checkout Session</a> を実行して、購入者のメールアドレス、配送先住所、支払い情報などの決済情報を取得します。レスポンスを使用して、決済情報を表示し、必要な場合は配送オプションを提供し、追加費用を計算します。

Note: Checkout Sessionオブジェクトが<a href="../amazon-pay-api-v2/checkout-session.md#状態と理由コード" target="_blank" rel="noopener noreferrer">Open state</a>にある場合にのみ、 <a href="../amazon-pay-api-v2/checkout-session.md#get-checkout-session" target="_blank" rel="noopener noreferrer">Get Checkout Session</a>を使用して決済情報を取得できることに注意してください。さらに、配送先住所は、CheckoutSessionのproduct typeがPayAndShipである場合にのみ返されます。
決済が成功したら、 <a href="../amazon-pay-api-v2/charge-permission.md#get-charge-permission" target="_blank" rel="noopener noreferrer">Get Charge Permission</a>を使用して決済情報を取得できます。

**重要：** 
* 購入者の問い合わせに対応するために、Amazon Payから受け取った配送先住所を読み取り専用のテキストとして表示する必要があります。[配送と支払いの更新](./display-shipping-payment-info.html#2-配送と支払いの更新)を有効にして、購入者がAmazonアドレス帳から別の配送先住所を選択できるようにします。  Amazon Payのチャージバックの詳細については、こちらをご覧ください：<a href="https://pay.amazon.com/help/201749690" target="_blank" rel="noopener noreferrer">US</a>, <a href="https://pay.amazon.co.uk/help/201749690" target="_blank" rel="noopener noreferrer">UK</a>, <a href="https://pay.amazon.eu/help/201749690" target="_blank" rel="noopener noreferrer">EU</a>, <a href="https://pay.amazon.co.jp/help/201749690" target="_blank" rel="noopener noreferrer">JP</a>
* <a href="../amazon-pay-api-v2/checkout-session.md#get-checkout-session" target="_blank" rel="noopener noreferrer">Get Checkout Session</a> のレスポンスで返された`paymentDescriptor` 値を使用して、購入者が選択した支払い方法を表示します。Amazon Payは、決済コンバージョンを最適化するために、動的に異なる値を返す場合があります。
* 購入者がAmazonアドレス帳から選択できるアドレスを制限するために`deliverySpecifications` パラメータを利用している場合を含めて、<a href="../amazon-pay-api-v2/checkout-session.md#get-checkout-session" target="_blank" rel="noopener noreferrer">Get Checkout Session</a> で返却された住所が事業者の配送先ポリシー内の値となっているか確認します。返却された住所がポリシー外のものであった場合は、購入者に別の住所を選択するよう依頼してください。
* 配送先住所や購入者のメールアドレスなどの決済情報を、決済を開始した購入者以外には表示しないでください。購入者以外の誰かがCheckout Session IDにアクセスした場合に備えて、検証（例：ブラウザーセッションの検証）をするように実装します。

<img src="https://m.media-amazon.com/images/G/01/EPSDocumentation/AmazonPay/Integration/example-v2-checkoutV2.png" style="width: 100%;" />

#### リクエスト


<div style="display:none" class="environmentSpecificKeys">
<code style="color:black">
curl "https://pay-api.amazon.com/:version/checkoutSessions/:checkoutSessionId"<br />
-X GET<br />
-H "authorization:Px2e5oHhQZ88vVhc0DO%2FsShHj8MDDg%3DEXAMPLESIGNATURE"<br />
-H "x-amz-pay-date:20201012T235046Z"<br />
</code>
</div>
<div style="display:none" class="notEnvironmentSpecificKeys">
<code style="color:black">
curl "https://pay-api.amazon.com/:environment/:version/checkoutSessions/:checkoutSessionId"<br />
-X GET<br />
-H "authorization:Px2e5oHhQZ88vVhc0DO%2FsShHj8MDDg%3DEXAMPLESIGNATURE"<br />
-H "x-amz-pay-date:20201012T235046Z"<br />
</code>
</div>

#### リクエストパラメータ

<table width="100%" border="1">
    <tbody>
        <tr id='ERL9CAVsuDr'>
            <td id='s:ERL9CAVsuDr;ERL9CAdoMUq' style='vertical-align: top; font-weight: bold; width: 30%;' class='bold'>名前
                <br /></td>
            <td id='s:ERL9CAVsuDr;ERL9CAoJhYx' style='vertical-align: top; font-weight: bold; width: 20%;' class='bold'>ロケーション
                <br /></td>
            <td id='s:ERL9CAVsuDr;ERL9CA4xLvY' style='vertical-align: top; font-weight: bold; width: 50%;' class='bold'>説明
                <br /></td>
        </tr>
        <tr id='ERL9CAmASXg'>
            <td id='s:ERL9CAmASXg;ERL9CAdoMUq' style='vertical-align: top;'>CheckoutSessionId<br><b>(必須)</b><br><br>Type: string
                <br /></td>
            <td id='s:ERL9CAmASXg;ERL9CAoJhYx' style='vertical-align: top;'>Path Parameter
                <br /></td>
            <td id='s:ERL9CAmASXg;ERL9CA4xLvY' style='vertical-align: top;'>Checkout session識別子
                <br /></td>
        </tr>
    </tbody>
</table>

#### レスポンス

```
{
    "checkoutSessionId": "bd504926-f659-4ad7-a1a9-9a747aaf5275",
    "webCheckoutDetails": {
        "checkoutReviewReturnUrl": "https://a.com/merchant-review-page",
        "checkoutResultReturnUrl": null,
        "checkoutCancelUrl": null,
        "amazonPayRedirectUrl": null
    },
    "chargePermissionType": "Recurring",   
    "recurringMetadata": {
        "frequency": { 
            "unit": "Month", 
            "value": "1" 
        },
        "amount": { 
            "amount": "30",
            "currencyCode": "USD"
        }
    },
    "productType": "PayAndShip",
    "paymentDetails": {
        "paymentIntent": null,
        "canHandlePendingAuthorization": false,
        "chargeAmount": null,
        "totalOrderAmount": null,
        "softDescriptor": null,
        "presentmentCurrency": null,
        "allowOvercharge": null,
        "extendExpiration": null
    },
    "merchantMetadata": {
        "merchantReferenceId": null,
        "merchantStoreName": null,
        "noteToBuyer": null,
        "customInformation": null
    },
    "supplementaryData": null, // Amazon Pay system data
    "buyer": {
        "buyerId": "buyerId",
        "name": "name-1",
        "email": "name@amazon.com",
        "phoneNumber": "800-000-0000",
        "primeMembershipTypes": null
    },
    "billingAddress": {
        "name": "Work",
        "addressLine1": "440 Terry Ave",
        "addressLine2": "",
        "addressLine3": "",
        "city": "Seattle",
        "county": "King",    
        "district": "Seattle",
        "stateOrRegion": "WA",
        "postalCode": "98121",
        "countryCode": "US",
        "phoneNumber": "800-000-0000"
    },
    "paymentPreferences": [
        {
            "paymentDescriptor": "Visa ****1111 (Amazon Pay)"
        }
    ],
    "statusDetails": {
        "state": "Open",
        "reasonCode": null,
        "reasonDescription": null,
        "lastUpdatedTimestamp": "20191015T204327Z"
    },
    "shippingAddress": {  // Null for PayOnly product type
        "name": "Susie Smith",
        "addressLine1": "10 Ditka Ave",
        "addressLine2": "Suite 2500",
        "addressLine3": null,
        "city": "Chicago",
        "county": null,
        "district": null,
        "stateOrRegion": "IL",
        "postalCode": "60602",
        "countryCode": "US",
        "phoneNumber": "800-000-0000"
    },
    "platformId": null,
    "chargePermissionId": null,
    "chargeId": null,
    "constraints": [
        {
            "constraintId": "ChargeAmountNotSet",
            "description": "chargeAmount is not set."
        },
        {
            "constraintId": "CheckoutResultReturnUrlNotSet",
            "description": "checkoutResultReturnUrl is not set."
        },
        {
            "constraintId": "PaymentIntentNotSet",
            "description": "paymentIntent is not set."
        }
    ],
    "creationTimestamp": "20191015T204313Z",
    "expirationTimestamp": "20191016T204313Z",
    "storeId": "amzn1.application-oa2-client.8b5e45312b5248b69eeaStoreId",
    "deliverySpecifications": {
        "specialRestrictions": ["RestrictPOBoxes"],
        "addressRestrictions": {
            "type": "Allowed",
            "restrictions": {
                "US": {
                    "statesOrRegions": ["WA"],
                    "zipCodes": ["95050", "93405"]
                },
                "GB": {
                    "zipCodes": ["72046", "72047"]
                },
                "IN": {
                    "statesOrRegions": ["AP"]
                },
                "JP": {}
          }
        }
    },
    "providerMetadata": {
        "providerReferenceId": null
    },
    "releaseEnvironment": "Sandbox"
}
```

***

### 2. 配送と支払いの更新

<a href="../amazon-pay-checkout/amazon-pay-script.md#決済情報の更新を有効にする" target="_blank" rel="noopener noreferrer">amazon.Pay.bindChangeAction()</a>を使用してクリックイベントをHTML要素にバインドします。これにより、要素がクリックされたときに、購入者は別のお届け先住所または支払い方法を選択できます。購入者がサイトに戻って更新された決済情報を反映する為に、必ず<a href="../amazon-pay-api-v2/checkout-session.md#get-checkout-session" target="_blank" rel="noopener noreferrer">Get Checkout Session</a>で情報を取得し、更新してください。

<img src="https://m.media-amazon.com/images/G/01/EPSDocumentation/AmazonPay/Integration/example-v2-checkout-changeV2.png" style="width: 100%;" />

**ステップ1.** Amazon PayスクリプトをHTMLファイルに追加します。必ず正しいリージョンを選択してください。

<ul id="profileTabs" class="nav nav-tabs">
  <li class="nav-item"><a class="active nav-link noExtIcon" href="#ustab" data-toggle="tab">US</a></li>
  <li class="nav-item"><a class="nav-link noExtIcon" href="#eutab" data-toggle="tab">EU / UK</a></li>
  <li class="nav-item"><a class="nav-link noExtIcon" href="#jptab" data-toggle="tab">JP</a></li>
</ul>
<div class="tab-content">
  <div role="tabpanel" class="tab-pane active" id="ustab">   
<div markdown="block">
```html
<script src="https://static-na.payments-amazon.com/checkout.js"></script>
```
</div>
  </div>
  <div role="tabpanel" class="tab-pane" id="eutab">
<div markdown="block">
```html
<script src="https://static-eu.payments-amazon.com/checkout.js"></script>
```
</div>
  </div>
  <div role="tabpanel" class="tab-pane" id="jptab">
<div markdown="block">
```html
<script src="https://static-fe.payments-amazon.com/checkout.js"></script>
```
</div>
  </div>
</div>

**ステップ2.** <a href="../amazon-pay-checkout/amazon-pay-script.md#決済情報の更新を有効にする" target="_blank" rel="noopener noreferrer">amazon.Pay.bindChangeAction()</a> を使用して、クリックイベントをページ上のHTML要素にバインドします。 `changeAction` パラメータを使用して、購入者がお届け先住所または支払い方法のどちらを編集するかを指定できます。

お届け先住所の変更 (CheckoutSessionのproduct typeがPayAndShipの場合のみ):
```html
<script type="text/javascript" charset="utf-8">
  amazon.Pay.bindChangeAction('#changeButton1', {
    amazonCheckoutSessionId: 'xxxx',
    changeAction: 'changeAddress'
  });
</script>
```

支払い方法の変更:
```html
<script type="text/javascript" charset="utf-8">
  amazon.Pay.bindChangeAction('#changeButton2', {
    amazonCheckoutSessionId: 'xxxx',
    changeAction: 'changePayment'
  });
</script>
```

#### 関数パラメータ

<div markdown="span" class="alert alert-info" role="alert"><i class="fa fa-info-circle"></i> <b>Note:</b> どちらのchangeActionの値でも、同じ購入者エクスペリエンスとなります。どちらの値を指定しても、購入者にはお届け先住所と支払い方法の両方を更新する選択肢が与えられます。</div>

<table width="100%" border="1">
    <tbody>
        <tr id='fIK9CAJlXo1'>
            <td id='s:fIK9CAJlXo1;fIK9CAUhRBo' style='vertical-align: top; font-weight:bold;  width: 30%' class='bold'>パラメータ
                <br /></td>
            <td id='s:fIK9CAJlXo1;fIK9CAVdSRz' style='vertical-align: top; font-weight:bold;  width: 70%' class='bold'>説明
                <br /></td>
        </tr>
        <tr id='fIK9CAJFUd0'>
            <td id='s:fIK9CAJFUd0;fIK9CAUhRBo' style='vertical-align: top;'>amazonCheckoutSessionId<br><b>(必須)</b><br><br>Type: string
                <br /></td>
            <td id='s:fIK9CAJFUd0;fIK9CAVdSRz' style='vertical-align: top;'>Amazon Pay CheckoutSession識別子
                <br /></td>
        </tr>
        <tr id='fIK9CAcpkOP'>
            <td id='s:fIK9CAcpkOP;fIK9CAUhRBo' style='text-align: left;vertical-align: middle;'>changeAction<br><b>(必須)</b><br><br>Type: string
                <br /></td>
            <td id='s:fIK9CAcpkOP;fIK9CAVdSRz' style='vertical-align: top;'>購入者からの更新リクエスト<br><br>サポートされている値: 'changeAddress', 'changePayment'
                <br /></td>
        </tr>
    </tbody>
</table>