快速入門指南

本頁演示了 PayNow 組件 SDK 的基本使用方法

安裝

要安裝 PayNow 組件，請在您的 HTML 檔案中引入 CDN

html

<head>
  ...
  <script src="https://js.paynow.com.tw/sdk/v2/index.js"></script>
</head>

設置

在開始前，你需要將 PayNow 提供的私鑰和交易資訊透過 PayNow API 交換該次交易專用的密鑰 (secret)。取得密鑰後，將公鑰和交易密鑰輸入 SDK 生成該次交易的付款畫面，並進行後續操作。

如何取得交易密鑰？

請建立一個付款意圖 (payment intent) 以獲取您的交易密鑰。更多

PayNow.createPayment
({
  publicKey
: 'YOUR_PUBLIC_KEY',
  secret
: 'SECRET_OF_YOUR_TRANSACTION'
})

掛載支付表單

請創建一個 HTML 元素作為容器

html

<div id="paynow-container"></div>

接下來，將支付表單掛載到容器中

PayNow.mount
('#paynow-container')

結帳

最後，您可以通過調用 checkout 方法開始接受付款

html

<div id="paynow-container"></div>
<button id="checkout-button">Checkout</button>

const checkoutButton
 = document
.getElementById
('checkout-button') as HTMLButtonElement
checkoutButton
.addEventListener
('click', () => {
  PayNow.checkout
().then
((response
: CheckoutResponse
) => {
    // handle checkout response
  })
})

快速入門指南 ​

安裝 ​

設置 ​

掛載支付表單 ​

結帳 ​

快速入門指南

安裝

設置

掛載支付表單

結帳