平台特店串接說明
1. 初始化差異說明
初始化時根據傳入的子特店 merchantId 、平台 platformId、paymentMethod 等參數在 SLP 內部校驗特店收款狀態是否正常,同時判斷當前瀏覽器環境是否支援該付款方式等。 完成校驗後,SDK 在容器 paymentContainer 呈現收銀台介面。 等呈現完成後,初始化也就完成了,之後才能進行後續步驟。 建立了 payment 實例(下面也稱為 Payment 實例),並呈現出付款畫面。
const { payment, error } = await ShoplinePayments({
clientKey: '***YOUR**CLIENT**KEY***',
//子特店透過connect特性完成授權後取得
merchantId: '***YOUR**SUB**MERCHANTID***',
// SLP 平台 ID,平台特店必填
platformId: '***YOUR**PLATFORMID***',
// 指定付款方式
paymentMethod: 'CreditCard',
// 交易幣種,目前僅支援 TWD
currency: 'TWD',
// 此為真實付款金額,台幣傳金額*100,譬如1元傳入100
amount: 10000,
// 此處寫入已建立好的容器元素 selector
element: '#paymentContainer',
// 使用環境,預設為 production,若使用沙盒環境,請傳入 sandbox
env: 'sandbox',
})
// 需判斷回應是否包含錯誤資訊,若無,才能進行下一步
if (error) {
// 驗證錯誤碼和錯誤資訊,
const { message, code } = error
} else {
// 建立 PaySession
}