KOMOJU Checkout

KOMOJU Checkoutをあなたのウェブサイトに設置することで、様々なデバイスからの支払いを容易にすることができます。
入力された支払い情報を token 化するため、ウェブサイトで実際のクレジットカード情報を扱わずに安全に決済を行うことができます。

デモ

テストの際のカード番号は概要ページ内のテストで使用できるカードをご参照ください。

HTML を使用した利用方法

以下のコードをウェブサイトへ設置してください。

<form action="/charge" method="POST">
  <script
    src="https://cdn.komoju.com/javascripts/komoju.js" class="komoju-button"
    data-key="pk_xFgfa1AVyOWN8ahjoN0g"
    data-amount="1000"
    data-endpoint="https://komoju.com"
    data-currency="JPY"
    data-label="購入する"
    data-locale="ja"
    data-title="komoju sticker"
    data-web-money="true"
    data-konbini="true"
    data-bank-transfer="true"
    data-pay-easy="true"
    data-bit-cash="true"
    data-net-cash="true">
  </script>
</form>

支払い完了後 KOMOJU Checkoutは action で定義されたパスに POST リクエストを送ります。 上記のフォームの場合パラメーター komoju_token を /charge エンドポイントで受け取ります。 このトークンを使用して KOMOJU で決済を作成することができます。 詳しくはトークン API のドキュメントをご参照ください。

パラメーター

必須

オプション 説明
data-key Publishable キー

オプション

オプション 説明 デフォルト
data-amount 価格
data-endpoint エンドポイント URL "https://komoju.com"
data-currency 通貨 "JPY"
data-label ボタン内に表示されるテキスト ※ locale によって自動で表示
data-panel-label フォーム内のボタンに表示されるテキスト "支払い {{amount}}"
data-locale 表示される言語(en, ja に対応) "auto"
data-title 会社名もしくはサイト名
data-credit-card お支払い方法にクレジットカードを追加 true
data-web-money お支払い方法に WebMoney を追加 false
data-konbini お支払い方法にコンビニ決済を追加 false
data-bank-transfer お支払い方法に銀行振込を追加 false
data-pay-easy お支払い方法に PayEasy を追加 false
data-bit-cash お支払い方法にビットキャッシュを追加 false
data-net-cash お支払い方法に NET CASH を追加 false

JavaScript を使用した利用方法

以下のコードを参考にウェブサイトへ設置してください。

<script src="https://cdn.komoju.com/javascripts/komoju.js"></script>

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

<script>
  var handler = Komoju.checkout.configure({
    key: "your_publishable_key", // KOMOJU が発行した公開用鍵をお使いください。
    token: function(token) {
      // token には Token オブジェクトが渡されます。
      // token.id が 決済に必要なトークンになります。
    }
  });

  document.getElementById("customButton").addEventListener("click", function(e) {
    handler.open({
      amount:       1000,
      endpoint:     "https://komoju.com",
      locale:       "ja",
      currency:     "JPY",
      title:        "Title",
      webMoney:     true,
      konbini:      true,
      bankTransfer: true,
      payEasy:      true,
      bitCash:      true,
      netCash:      true
    });

    e.preventDefault();
  });
</script>

パラメーター

必須

オプション 説明
key Publishable キー
token トークン API が成功後に呼ばれるコールバック

オプション

オプション 説明 デフォルト
amount 価格
endpoint エンドポイント URL "https://komoju.com"
currency 通貨 "JPY"
label ボタン内に表示されるテキスト ※ locale によって自動で表示
panelLabel フォーム内のボタンに表示されるテキスト "支払い {{amount}}"
locale 表示される言語(en, ja に対応) "auto"
title 会社名もしくはサイト名
creditCard お支払い方法にクレジットカードを追加 true
webMoney お支払い方法に WebMoney を追加 false
konbini お支払い方法にコンビニ決済を追加 false
bankTransfer お支払い方法に銀行振込を追加 false
payEasy お支払い方法に PayEasy を追加 false
bitCash お支払い方法にビットキャッシュを追加 false
netCash お支払い方法に NET CASH を追加 false

SSLの推奨

KOMOJU Checkoutと KOMOJU API 間の通信はすべて SSL によって暗号化されます。 そのため、man-in-the-middle アタックによるセッションハイジャックのリスクを低減させるためにも、ウェブサイトでの SSL の導入を推奨します。