---
title: Intro
url: ja/amazon-pay/ja-intro.html
---

<!-- Page Content -->
<!-- Page Content -->
<div class="container wrapper" id="app">

  <div class="row" id="content-wrapper">

    <!-- Entries Column -->
    <div class="col-md-12">

      <!-- <div class="mt-5"></div> -->

      <div id="contents">
        <div class="col-md-12 mt-4">
        </div>


        <div id="notice"> </div>

        <div class="col-md-12 mt-4">
          <div class="card my-12">
            <h5 class="card-header">1. Amazon Pay Checkout v2(CV2)のイメージ</h5>
            <div class="card-body">
              <div class="col-md-12 row font-small">
                <div class="col-md-3 iconsjp">
                  <a target="_blank" rel="noopener noreferrer"
                    href="https://d1dzeyz9clfk1h.cloudfront.net/maxo-demo/1page-v2/01.html">
                    <img
                      class="upm" style="width: 80px;"
                      src="https://d31ll1hex40t93.cloudfront.net/v2/img/Pay-IllustrationD.png">
                    <div>デモサイト</div>
                  </a>
                </div>
                <div class="col-md-8 d-flex align-items-center">
                  <div class="">
                    <p>Amazon Pay CV2のデモサイトです。こちらで導入のイメージを掴むことができます。</p>
                    <div class="row ml-0">
                      <p class="ajust"><a target="_blank" rel="noopener noreferrer"
                          href="https://d1dzeyz9clfk1h.cloudfront.net/maxo-demo/1page-v2/01.html"
                          class="demo mr-3">OneTime(都度支払い)</a></p>
                      <p class="ajust"><a target="_blank" rel="noopener noreferrer"
                          href="https://d1dzeyz9clfk1h.cloudfront.net/maxo-demo/recurring-v2/01.html"
                          class="demo mr-3">Recurring(継続支払い)</a></p>
                      <p class="ajust"><a target="_blank" rel="noopener noreferrer"
                          href="https://d1dzeyz9clfk1h.cloudfront.net/maxo-demo/apb/01.html"
                          class="demo mr-3">AdditionalPaymentButton(今すぐ支払う)</a></p>
                    </div>
                    <p>以下テスト用 SANDBOX Amazonアカウントをご利用いただけます。</p>
                    <p>- ID/PW: <input id="textarea" type="text" value="jp-amazonpay-tester@amazon.co.jp" size="33" readonly style="border:none" />
                    <button type="button" id="button" class="btn btn-primary btn-sm">コピー</button></p>
                    <p>このサイトを元に画面遷移・フローを説明した<a target="_blank" rel="noopener noreferrer"
                        href="https://m.media-amazon.com/images/G/09/AmazonPayments/CV2_DesignExample.xlsx">設計例.xlsx</a>も用意しておりますので、合わせてご覧ください。
                    </p>
                  </div>
                </div>
              </div>
              <br>

              <div class="col-md-12 row font-small">
                <div class="col-md-3 iconsjp">
                  <a target="_blank" rel="noopener noreferrer"
                    href="https://amazonpay-onboarding.com/">
                    <img
                      class="upm" style="width: 80px;"
                      src="https://d31ll1hex40t93.cloudfront.net/v2/img/Pay-IllustrationW.png">
                    <div>実装概要説明資料</div>
                  </a>
                </div>
                <div class="col-md-8 d-flex align-items-center">
                  <div class="">
                    <p>Amazon Pay CV2
                      インテグレーションの<a target="_blank" rel="noopener noreferrer"
                          href="https://amazonpay-onboarding.com/">概要説明資料</a>となります。詳細仕様はインテグレーションガイドをご確認ください。</p>
                    <br>
                    <p>Amazon Pay CV2 モデルケースでの Excelファイル <a
                        href="https://m.media-amazon.com/images/G/09/AmazonPayments/CV2_Onetime_featurelists.xlsx"
                        download>OneTime（都度支払い）機能一覧</a>&nbsp;　<a
                        href="https://m.media-amazon.com/images/G/09/AmazonPayments/CV2_Recurring_featurelists.xlsx"
                        download>Recurring（継続支払い）機能一覧</a>もございます。&nbsp;実装項目検討時のご参考になさってください。
                    </p>
                  </div>
                </div>
              </div>

            </div>
          </div>
        </div>

        <div class="col-md-12 mt-4">
          <div class="card my-12">
            <h5 class="card-header">2. インテグレーションガイド</h5>
            <div class="card-body">
              <div class="col-md-12 row font-small">
                <div class="col-md-3 iconsjp">
                  <a target="_blank" rel="noopener noreferrer"
                    href="../amazon-pay-checkout/introduction.md">
                    <img
                      class="upm" style="width: 80px;"
                      src="https://d31ll1hex40t93.cloudfront.net/v2/img/Pay-IllustrationP.png">
                    <div>インテグレーションガイド</div>
                  </a>
                </div>
                <div class="col-md-8 d-flex align-items-center">
                  <div class="">
                    <p>Amazon Pay
                      CV2のインテグレーション手順です。ECサイトのフロント側・バックエンド側の実装内容は、こちらでご覧いただけます。APIの仕様をご覧になりたい場合は、APIリファレンスをご参照ください。
                    </p>

                    <div class="row ml-0">
                      <p class="ajust"><a target="_blank" rel="noopener noreferrer"
                          href="../amazon-pay-checkout/introduction.md"
                          class="demo mr-3">インテグレーションガイド</a></p>
                      <p class="ajust"><a target="_blank" rel="noopener noreferrer"
                          href="../amazon-pay-api-v2/introduction.md"
                          class="demo mr-3">APIリファレンス </a></p>
                    </div>
                    <br>
                    <!-- <p>オーダーレビューページで用いるAmazon Payロゴ&nbsp;<img
                        src="https://m.media-amazon.com/images/G/09/AmazonPayments/logo-amzn_pay.png" width="30px">は
                      <a target="_blank" rel="noopener noreferrer"
                        href="https://m.media-amazon.com/images/G/09/AmazonPayments/logo-amzn_pay.png"
                        download>こちら</a>よりダウンロード可能です。
                    </p> -->
                  </div>
                </div>
              </div>

              <div class="col-md-12 row font-small">
                <div class="col-md-3 iconsjp">
                  <a target="_blank" rel="noopener noreferrer"
                    href="https://www.amazonpay-faq.jp/integration">
                    <img
                      class="upm" style="width: 80px;"
                      src="https://d31ll1hex40t93.cloudfront.net/v2/img/Pay-IllustrationQ.png">
                    <div>インテグレーションFAQ</div>
                  </a>
                </div>
                <div class="col-md-8 d-flex align-items-center">
                  <div class="">
                    <p>Amazon Pay CV2のよくあるご質問の回答をまとめております。</p>
                    <p>不明点がございましたら、まずはこちらの資料をご覧ください。</p>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>

        <div class="col-md-12 mt-4">
          <div class="card my-12">
            <h5 class="card-header">3. 開発ツール</h5>
            <div class="card-body">
              <div class="col-md-12 row font-small">
                <div class="col-md-3 iconsjp">
                  <a target="_blank" rel="noopener noreferrer" href="https://github.com/amzn/amazon-pay-sdk-v2-php">
                    <img
                      class="upm" style="width: 80px;"
                      src="https://d31ll1hex40t93.cloudfront.net/v2/img/Pay-IllustrationZ.png">
                    <div>SDKとサンプルコード</div>
                  </a>
                </div>
                <div class="col-md-8 d-flex align-items-center">
                  <div class="">
                    <p>Amazon Pay CV2を実装いただくには、こちらのSDKおよびサンプルコードをご利用ください。</p>
                    <p>利用方法は、各リンクの「Readme」をご参照願います。</p>
                    <div class="row ml-0">
                      <p class="ajust"><a target="_blank" rel="noopener noreferrer"
                          href="https://github.com/amzn/amazon-pay-sdk-v2-php" class="sdk mr-3">PHP</a></p>
                      <p class="ajust"><a target="_blank" rel="noopener noreferrer"
                          href="https://github.com/amzn/amazon-pay-sdk-v2-java" class="sdk mr-3">Java</a></p>
                      <p class="ajust"><a target="_blank" rel="noopener noreferrer"
                          href="https://github.com/amzn/amazon-pay-sdk-v2-dotnet" class="sdk mr-3">.NET(C#)</a></p>
                      <p class="ajust"><a target="_blank" rel="noopener noreferrer"
                          href="https://github.com/amzn/amazon-pay-api-sdk-nodejs" class="sdk mr-3">Node.js</a></p>
                      <p class="ajust"><a target="_blank" rel="noopener noreferrer"
                          href="https://github.com/amzn/amazon-pay-api-sdk-ruby/" class="sdk mr-3">Ruby</a>
                      </p>
                      <p class="ajust"><a target="_blank" rel="noopener noreferrer"
                          href="https://github.com/amazonpay-labs/amazonpay-sample-perl-v2" class="sdk mr-3">Perl</a>
                      </p>
                    </div>
                    <p> </p>
                    <p>ローカル環境でフロント側・サーバサイド側の再現できるサンプルコード<a target="_blank"
                        rel="noopener noreferrer"
                        href="https://github.com/amazonpay-labs/amazonpay-cv2-php-sample">PHP(jQuery)</a>または
                        <a target="_blank"
                            rel="noopener noreferrer"
                            href="https://github.com/amazonpay-labs/amazonpay-cv2-reactjs-sample">Node.js(React.js)</a>もご用意しております。
                    </p>
                  </div>
                </div>
              </div>
              <br>

              <div class="col-md-12 row font-small">
                <div class="col-md-3 iconsjp">
                  <a target="_blank" rel="noopener noreferrer"
                    href="https://pay-api.amazon.jp/tools/scratchpad/index.html">
                    <img
                      class="upm" style="width: 80px;"
                      src="https://d31ll1hex40t93.cloudfront.net/v2/img/Pay-IllustrationV.png">
                    <div>Scratchpad</div>
                  </a>
                </div>
                <div class="col-md-8 d-flex align-items-center">
                  <div class="">
                    <p>APIへのRequestや、APIからのResponseを試せるツールです。SANDBOX環境のみでご利用いただけます。ご利用方法は<a href="https://developer.amazon.com/ja/docs/amazon-pay-checkout/scratchpad.html" target="_blank" rel="noopener noreferrer">こちら</a>をご確認ください。</p>
                  </div>
                </div>
              </div>

            </div>
          </div>
        </div>

        <div class="col-md-12 mt-4">
          <p>旧バージョン Amazon Pay CV1情報に関しては<a href="https://amazonpaylegacyintegrationguide.s3.amazonaws.com/docs/ja/amazon-pay/intro.html" target="_blank" rel="noopener noreferrer">こちら</a></p>
        </div>

      </div>

    </div>

  </div>
  <!-- /#app -->

</div>