ธนาคารกสิกรไทย (K PLUS)

ร้านค้าสามารถเพิ่มช่องทางรับชำระเงินผ่านแอปพลิเคชัน K Plus โดยเชื่อมต่อผ่าน API ที่ Opn Payments ได้เตรียมไว้ ช่องทางรับชำระเงินนี้ช่วยเพิ่มทางเลือกในการชำระเงินแก่ผู้ซื้อ โดยสามารถเลือกชำระผ่านแอปธนาคารกสิกรที่ได้ลงทะเบียนใช้งานไว้แล้วได้เลย ลดขั้นตอนการกรอกข้อมูลบัตร ช่วยให้จบขั้นตอนการชำระเงินได้เร็วขึ้น

คู่มือฉบับนี้จะช่วยเป็นแนวทางการติดตั้ง K Plus และอธิบายขั้นตอนการรับชำระเงินผ่านแอปพลิเคชัน K Plus

ผู้ซื้อที่มีความประสงค์ที่จะชำระเงินผ่านแอปพลิเคชันK Plusจะต้องทำการโหลดแอปพลิเคชันK Plusก่อนแล้ว

การเปิดรับชำระเงิน

• ประเทศที่รองรับ: ประเทศไทย
• API เวอร์ชันล่าสุดที่รองรับ: 2017-11-02

ร้านค้าที่ต้องการเปิดใช้ระบบ ธนาคารกสิกรไทย (K PLUS) กรุณาส่งอีเมลมาที่ support@opn.ooo ทางทีมงาน Opn Payments จะส่งข้อกำหนดและเงื่อนไขการใช้บริการให้ร้านค้าได้พิจารณาและลงลายมือชื่อก่อนเปิดใช้งานจริง

ขั้นตอนการชำระเงิน

ผู้ซื้อที่เลือกชำระเงินผ่านบริการโมบายแบงก์กิ้งจะผ่านกระบวนการชำระเงินแบบที่เรียกว่า ออฟไซต์ คือผู้ซื้อจะต้องเป็นฝ่ายยืนยันการชำระเงินผ่านแอปพลิเคชันของธนาคารที่ได้เลือกไว้เพื่อทำรายการ

เมื่อผู้ซื้อเลือกชำระเงินด้วยบริการโมบายแบงก์กิ้ง ร้านค้าจะต้องส่งผู้ซื้อไปยังแอปพลิเคชันของธนาคาร โดยใช้ URI ที่ได้รับ (เป็น “deep link” ที่จะเปิดแอปพลิเคชันธนาคารบนโทรศัพท์มือถือของผู้ซื้อ) ภาพประกอบด้านล่างแสดงขั้นตอนการชำระเงินบนโทรศัพท์มือถือ

ใช้งานบนโทรศัพท์มือถือ

❶ ผู้ซื้อเลือกชำระผ่านช่องทางโมบายแบงก์กิ้ง. ❷ ผู้ซื้อเลือกธนาคารที่ต้องการ. ❸ หน้าจอจะแสดงรายละเอียดการชำระเงิน. ❹ ผู้ซื้อยืนยันการชำระเงิน. ❺ ผู้ซื้อสามารถเลือกกลับไปที่หน้าของร้านค้าได้ โดยคลิกที่ปุ่มด้านล่างของจอ. ❻ หน้าจอแสดงหน้าของร้านค้า.

การติดตั้งใช้งาน

ในการสร้างรายการรับชำระเงินผ่านธนาคารกสิกรไทย (K PLUS) ให้ร้านค้าส่งคำสั่ง API ดังนี้

1. สร้าง payment source (type: mobile_banking_kbank) โดยใช้ Omise.js, omise-ios หรือ omise-android
2. สร้าง charge โดยใช้ source จากขั้นตอนแรก
3. เมื่อผู้ซื้อทำรายการสำเร็จและร้านค้าได้รับ webhook event หรือ charge.complete แล้ว เราแนะนำให้ตรวจสอบสถานะรายการด้วยตนเองอีกครั้งเพื่อความแม่นยำ

การสร้าง source เพื่อรับชำระเงินผ่านธนาคารกสิกรไทย (K PLUS) จะเกิดขึ้นในฝั่งของผู้ซื้อ (client-side) เช่นบนเว็บไซต์หรือโทรศัพท์มือถือของผู้ซื้อ ร้านค้าจะต้องใช้ public key

ส่วนการสร้างรายการ (charge) เพื่อรับชำระเงินผ่านธนาคารกสิกรไทย (K PLUS) จะเกิดขึ้นในฝั่งของร้านค้า (server-side) ร้านค้าจะต้องใช้ secret key

หมายเหตุ: หากมีความจำต้องสร้างทั้งรายการและ source ในฝั่งร้านค้า (server-side) สามารถทำพร้อมกันได้เลยโดยการส่งคำสั่ง API เพียงครั้งเดียว และใช้งาน secret key

การสร้าง source


เมื่อผู้ซื้อเลือกชำระเงินผ่านช่องทางนี้ ให้ร้านค้าสร้าง source ผ่าน source API โดยกำหนด amount, currency, platform_type, และ type


ตัวอย่างด้านล่างนี้เป็นการสร้าง source สำหรับรายการ ธนาคารกสิกรไทย (K PLUS) จำนวน ฿1500 ให้แทนค่าของ omise_public_key และ $OMISE_PUBLIC_KEY ด้วย test public key ของร้านค้าซึ่งสามารถคัดลอกได้จาก แดชบอร์ด

หากใช้ Omise.js parameter type เป็นตัวแปรที่จำเป็นของฟังก์ชัน createSource

Omise.setPublicKey(omise_public_key);

Omise.createSource('mobile_banking_kbank', {
  "amount": 150000,
  "currency": "THB",
  "platform_type": "IOS"
}, function(statusCode, response) {
  console.log(response)
});

หากร้านค้าต้องการทดสอบให้สร้าง request โดยใช้ curl

curl https://api.omise.co/sources \
  -u $OMISE_PUBLIC_KEY: \
  -d "amount=150000" \
  -d "currency=THB" \
  -d "type=mobile_banking_kbank" \
  -d "platform_type=IOS"

{
  "object": "source",
  "id": "src_test_5z4yooq690na6evfuy0",
  "livemode": false,
  "location": "/sources/src_test_5z4yooq690na6evfuy0",
  "amount": 150000,
  "barcode": null,
  "bank": null,
  "created_at": "2024-03-19T09:35:06Z",
  "currency": "THB",
  "email": null,
  "flow": "app_redirect",
  "installment_term": null,
  "ip": "35.198.236.178",
  "absorption_type": null,
  "name": null,
  "mobile_number": null,
  "phone_number": null,
  "platform_type": "IOS",
  "scannable_code": null,
  "billing": null,
  "shipping": null,
  "items": [],
  "references": null,
  "provider_references": null,
  "store_id": null,
  "store_name": null,
  "terminal_id": null,
  "type": "mobile_banking_kbank",
  "zero_interest_installments": null,
  "charge_status": "unknown",
  "receipt_amount": null,
  "discounts": []
}

ตัวแปรของ id คือ source identifier (เริ่มต้นด้วย src)

การสร้างรายการรับชำระเงิน

สร้างรายการรับชำระเงินโดยระบุ parameter return_uri, source, amount และ currency

• return_uri จะเป็นตำแหน่งบนเว็บไซต์ของร้านค้าที่ผู้ซื้อจะถูกส่งไปเมื่อยืนยันรายการสำเร็จ
• source จะเป็นตัวกำหนด source identifier
• amount และ currency จะต้องมีค่าตรงกับ amount และ currency ของ source

ในค่าเริ่มต้น รายการรับชำระเงินจะหมดอายุใน 10 นาทีหลังจากสร้าง

ตัวอย่างด้านล่างนี้แสดงให้เห็นถึงการสร้างรายการรับชำระเงินขึ้นมาใหม่ โดยใช้ curl

ในการสร้างรายการให้ร้านค้าแทน $OMISE_SECRET_KEY ด้วย test secret key ของร้านค้าซึ่งสามารถคัดลอกได้จากแดชบอร์ด และแทน $SOURCE_ID ด้วย id ของ source

curl https://api.omise.co/charges \
  -u $OMISE_SECRET_KEY: \
  -d "amount=150000" \
  -d "currency=THB" \
  -d "return_uri=http://example.com/orders/345678/complete" \
  -d "source=$SOURCE_ID"

{
  "object": "charge",
  "id": "chrg_test_5z4yoot21ts9kmb79kv",
  "location": "/charges/chrg_test_5z4yoot21ts9kmb79kv",
  "amount": 150000,
  "acquirer_reference_number": null,
  "net": 148930,
  "fee": 1000,
  "fee_vat": 70,
  "interest": 0,
  "interest_vat": 0,
  "funding_amount": 150000,
  "refunded_amount": 0,
  "transaction_fees": {
    "fee_flat": "10.0",
    "fee_rate": "0.0",
    "vat_rate": "7.0"
  },
  "platform_fee": {
    "fixed": null,
    "amount": null,
    "percentage": null
  },
  "currency": "THB",
  "funding_currency": "THB",
  "ip": null,
  "refunds": {
    "object": "list",
    "data": [],
    "limit": 20,
    "offset": 0,
    "total": 0,
    "location": "/charges/chrg_test_5z4yoot21ts9kmb79kv/refunds",
    "order": "chronological",
    "from": "1970-01-01T00:00:00Z",
    "to": "2024-03-19T09:35:07Z"
  },
  "link": null,
  "description": null,
  "metadata": {},
  "card": null,
  "source": {
    "object": "source",
    "id": "src_test_5z4yooi2gxy5c2z8uol",
    "livemode": false,
    "location": "/sources/src_test_5z4yooi2gxy5c2z8uol",
    "amount": 150000,
    "barcode": null,
    "bank": null,
    "created_at": "2024-03-19T09:35:05Z",
    "currency": "THB",
    "email": null,
    "flow": "app_redirect",
    "installment_term": null,
    "ip": "35.198.236.178",
    "absorption_type": null,
    "name": null,
    "mobile_number": null,
    "phone_number": null,
    "platform_type": "IOS",
    "scannable_code": null,
    "billing": null,
    "shipping": null,
    "items": [],
    "references": null,
    "provider_references": {
      "reference_number_1": "4MfooeeupTWe8k2P",
      "reference_number_2": null
    },
    "store_id": null,
    "store_name": null,
    "terminal_id": null,
    "type": "mobile_banking_kbank",
    "zero_interest_installments": null,
    "charge_status": "pending",
    "receipt_amount": null,
    "discounts": []
  },
  "schedule": null,
  "customer": null,
  "dispute": null,
  "transaction": null,
  "failure_code": null,
  "failure_message": null,
  "status": "pending",
  "authorize_uri": "https://pay.omise.co/payments/pay2_test_5z4yoot3yusb8v27jt9/authorize",
  "return_uri": "http://example.com/orders/345678/complete",
  "created_at": "2024-03-19T09:35:06Z",
  "paid_at": null,
  "expires_at": "2024-03-26T09:35:06Z",
  "expired_at": null,
  "reversed_at": null,
  "zero_interest_installments": false,
  "branch": null,
  "terminal": null,
  "device": null,
  "authorized": false,
  "capturable": false,
  "capture": true,
  "disputable": false,
  "livemode": false,
  "refundable": false,
  "partially_refundable": false,
  "reversed": false,
  "reversible": false,
  "voided": false,
  "paid": false,
  "expired": false,
  "can_perform_void": false,
  "approval_code": null
}

การสร้าง source และรายการรับชำระเงิน

ร้านค้าสามารถสร้างทั้ง source และ รายการรับชำระเงิน (charge) ผ่านการเรียกใช้ API เพียงครั้งเดียว

curl https://api.omise.co/charges \
  -u $OMISE_SECRET_KEY: \
  -d "amount=150000" \
  -d "currency=THB" \
  -d "return_uri=http://example.com/orders/345678/complete" \
  -d "source[type]=mobile_banking_kbank" \
  -d "source[platform_type]=IOS"

สร้างรายการสำเร็จ

เมื่อร้านค้าสร้างรายการรับชำระเงินขึ้นมาแล้ว จะพบว่าสถานะของรายการแสดงเป็น pending หรือ status==pending โดยสถานะของรายการรับชำระเงินสามารถเป็นได้ทั้ง successful, failed และ expired

ในส่วนต่อไปเราจะอธิบายวิธีอนุมัติรายการ, การรับ event แจ้งเตือนเมื่อรายการเสร็จสิ้นผ่าน webhook และการตรวจสอบสถานะรายการ

ภาพด้านล่างนี้แสดงให้เห็นถึงขั้นตอนทั้งหมดในการรับชำระเงินแต่ละรายการ

การอนุมัติรายการรับชำระเงิน

ระบบจะส่งผู้ซื้อไปยังตำแหน่งที่ระบุไว้ใน authorize_uri เพื่อให้ผู้ซื้อสามารถดำเนินการอนุมัติรายการรับชำระเงินได้

ร้านค้าสามารถจำลองขั้นตอนการอนุมัติรายการในโหมดทดสอบ โดยเข้าไปที่ authorize_uri เพื่อปรับสถานะรายการเป็น “สำเร็จ” หรือ “ไม่สำเร็จ” ได้ด้วยตนเอง หลังจากผู้ซื้อทำการอนุมัติรายการเสร็จสิ้น ผู้ซื้อจะถูกส่งไปยังหน้าที่ร้านค้าระบุเป็น return_uri เอาไว้

การรับ event แจ้งเตือนรายการสำเร็จ

ร้านค้าสามารถรับการแจ้งเตือนเมื่อมีการทำรายการเสร็จสิ้นโดยใช้งาน webhook events

ในการติดตั้งให้ร้านค้ากำหนดตำแหน่งบนเซิร์ฟเวอร์เพื่อรับ webhook events และเพิ่มตำแหน่งเดียวกันนี้เป็น webhook endpoint บนแดชบอร์ด

เมื่อมีรายการเสร็จสิ้น ระบบจะส่ง POST request ไปยัง endpoint นี้ พร้อมทั้งแนบสถานะการตอบกลับของรายการนั้นๆ ไปด้วย

ตัวแปรหลักหรือ key สำหรับ event object ประกอบไปด้วย charge.complete และตัวแปร data ที่มี charge object

อ่านเพิ่มเติมได้ที่ Events API

การตรวจสอบสถานะรายการ

เมื่อได้รับ event ของรายการที่เสร็จสิ้นแล้ว ร้านค้าสามารถตรวจสอบสถานะรายการหรือ status โดยใช้ Charge API

หากค่าของ charge.status เป็น successful หมายถึงว่ารายการรับชำระเงินสำเร็จ หากค่าของ charge.status เป็น failed รายการรับชำระเงินนั้นไม่สำเร็จ ร้านค้าสามารถตรวจสอบ failure_code และ failure_message ได้ใน charge object เพื่ออ่านคำอธิบายเพิ่มเติม

สาเหตุขัดข้องที่อาจเกิดขึ้นได้มีดังนี้

ธุรกรรมโมบายล์แบงก์กิ้งไม่สามารถคืนเงินผ่านระบบของ Opn Payments ได้

ข้อจำกัด

• จำนวนรับชำระขั้นต่ำ: 2000 (THB20.00)
• จำนวนรับชำระสูงสุด: 15000000 (THB150,000.00)

ขั้นตอนต่อไป

• Charge API
• Source API
• Webhooks API