ตั้งค่าการผสานรวมการชำระเงิน

เปิดใช้งานไซต์ Power Pages ของคุณเพื่อรับการชำระเงินโดยใช้พื้นที่ทำงานการตั้งค่าของสตูดิโอออกแบบ ด้วยการผสานแบบ no-code นี้ คุณสามารถเพิ่มองค์ประกอบการชำระเงินลงในฟอร์มแบบหลายขั้นตอนของคุณ ซึ่งทำให้เว็บไซต์ของคุณสามารถทำงานร่วมกับผู้ให้บริการชำระเงินได้

ภาพหน้าจอของการผสานรวมการชำระเงินภายในไซต์ Power Pages

หากต้องการรับการชำระเงินบนไซต์ Power Pages ของคุณ คุณต้องทำตามขั้นตอนเหล่านี้:

ขั้นตอนที่ 1: ติดตั้งแพคเกจ ในขั้นตอนนี้ ผู้ดูแลไซต์จะติดตั้งแพคเกจที่ประกอบด้วยตารางที่จำเป็นและข้อกำหนดเบื้องต้นอื่นๆ สำหรับสภาพแวดล้อมเพื่อเปิดใช้งานประสบการณ์การชำระเงิน

ขั้นตอนที่ 2: กำหนดค่าผู้ให้บริการ ในขั้นตอนนี้ ผู้ดูแลไซต์หรือผู้สร้างจะกำหนดค่าคีย์เฉพาะสำหรับผู้ให้บริการชำระเงิน

ขั้นตอนที่ 3: เปิดใช้งานประสบการณ์การชำระเงินในแบบฟอร์มของคุณ ในขั้นตอนนี้ ผู้สร้างจะรวมแบบฟอร์มและเปิดใช้งานการชำระเงินแบบดิจิทัลในขั้นตอนที่จำเป็นสำหรับฟอร์มแบบหลายขั้นตอน

สำคัญ

ข้อกำหนดเบื้องต้น

  • ลงชื่อสมัครใช้งานบัญชีที่มี Stripe เป็นผู้ให้บริการการชำระเงินของคุณ และรับโหมดทดสอบหรือคีย์สดจากแอปการชำระเงินที่ติดตั้งจาก Stripe Marketplace
  • สร้างหรือระบุตาราง Microsoft Dataverse ที่คุณต้องการใช้ในแบบฟอร์มหลายขั้นตอน ตารางนี้ต้องมีชนิดของฟิลด์สกุลเงินที่ใช้ในการเรียกเก็บเงินที่คุณต้องการเก็บจากผู้ใช้ไซต์ สำหรับข้อมูลเพิ่มเติม โปรดดูที่ วิธีการสร้างและแก้ไขตาราง Dataverse โดยใช้พื้นที่ทำงานข้อมูล
  • กำหนดค่า ฟอร์มแบบหลายขั้นตอน โดยใช้ตาราง Dataverse ที่มีขั้นตอนให้ผู้ใช้สามารถชำระเงินได้ ขั้นตอนนี้จะแสดงการควบคุมการชำระเงินเมื่อกำหนดค่าไว้ในขั้นตอนต่อมา

ขั้นตอนที่ 1: ติดตั้งแพคเกจ

  1. ในสตูดิโอออกแบบ ให้เลือก ตั้งค่า
  2. ภายใต้ การรวม ให้เลือก แอปภายนอก
  3. เลือกการดำเนินการ ติดตั้ง สำหรับ Stripe
  4. เมื่อการติดตั้งแพ็คเกจเสร็จสมบูรณ์ ให้รีสตาร์ทเว็บไซต์จาก แอคชันของไซต์ ในศูนย์การจัดการ

แอคชันการติดตั้งอาจใช้เวลาสองถึงสามนาที การดำเนินการจะเปลี่ยนไปเพื่อจัดการเมื่อการติดตั้งเสร็จสมบูรณ์

ขั้นตอนที่ 2: กำหนดค่าผู้ให้บริการ

เมื่อคุณติดตั้งแพ็คเกจแล้ว คุณสามารถเริ่มกำหนดค่า Stripe สำหรับไซต์ Power Pages ของคุณได้

ขั้นตอนที่ 2a: รับคีย์ Stripe ของคุณ

  1. ในสตูดิโอออกแบบ ให้เลือก ตั้งค่า

  2. ภายใต้ การรวม ให้เลือก แอปภายนอก

  3. ในตารางการรวม ให้เลือกการดำเนินการ จัดการ สำหรับ Stripe

  4. ไปที่ Stripe Marketplace แล้วติดตั้งแอป Microsoft Power Pages Payments

  5. หลังจากติดตั้งแอปแล้ว ให้ขอรับคีย์ที่ เผยแพร่ได้ และ จำกัด ที่จำเป็นในการเปิดใช้งานการรวมนี้ ค่าเหล่านี้จำเป็นสำหรับขั้นตอนต่อมา

    หมายเหตุ

    • สำหรับคีย์ลับ เราแนะนำให้ใช้ คีย์ API ที่มีการจำกัด ที่ Stripe มอบให้เพื่อจำกัดการเข้าถึงและสิทธิ์สำหรับส่วนต่างๆ ของข้อมูลบัญชีของคุณใน Stripe
    • รีลีส 9.6.3.x. เพิ่มการรองรับปุ่มโหมดถ่ายทอดสดนอกเหนือจากปุ่มโหมดทดสอบ หากต้องการทำความเข้าใจคีย์ประเภทต่างๆ โปรดดูที่ คู่มือ Stripe เกี่ยวกับคีย์ API

ขั้นตอนที่ 2b: เลือกชนิดที่เก็บข้อมูลของคุณ

คุณสามารถใช้ Dataverse (รองรับเฉพาะโหมดทดสอบ) หรือ Azure Key Vault (รองรับทั้งโหมดทดสอบและโหมดถ่ายทอดสด) เพื่อจัดเก็บคีย์ Stripe API

ภาพหน้าจอของแผงเปิดใช้งานการรวมภายในตั้งค่าพื้นที่ทำงานของสตูดิโอออกแบบ Power Pages

หากคุณเลือก Dataverse ให้ดำเนินการต่อในขั้นตอนที่ 2d (เพิ่มคีย์ของคุณไปยังการกำหนดค่าของคุณ)

หากคุณใช้ Azure Key Vault ให้เพิ่มคีย์ Stripe Restricted เป็นข้อมูลลับใน Key Vault และกำหนดสิทธิ์ให้กับเว็บไซต์ของคุณโดยทำตามขั้นตอนที่ 2c (กำหนดค่า Azure Key Vault (ไม่บังคับ))

ขั้นตอนที่ 2c: กำหนดค่า Azure Key Vault (ไม่บังคับ)

หากคุณเลือก Azure Key Vault เป็นชนิดที่เก็บข้อมูล ให้ทำตามขั้นตอนต่อไปนี้

  1. ภายในพอร์ทัล Azure ให้รับชื่อแอปของคุณใน การลงทะเบียนแอป ซึ่งสอดคล้องกับเว็บไซต์ Power Pages ของคุณ

    ชื่อแอปจะเหมือนกับชื่อเว็บไซต์ของคุณโดยมีคำนำหน้าเป็น "Portals-" หากชื่อไซต์ของคุณคือ "Woodgrove Bank Applications" ชื่อแอปบนพอร์ทัล Azure จะเป็น "Portals-Woodgrove Bank Applications" จดชื่อการลงทะเบียนแอปนี้ไว้เพื่อใช้ในขั้นตอนต่อไปนี้

    ภาพหน้าจอของการลงทะเบียนแอปใน Azure สำหรับไซต์ Power Pages

  2. ลงชื่อเข้าใช้ พอร์ทัล Azure และไปที่ Key Vault

  3. สร้าง Key Vault ใหม่ หรือใช้ที่มีอยู่ ขณะสร้าง Key Vault ใหม่ คุณต้องเลือกรูปแบบสิทธิ์ คุณสามารถเลือกการควบคุมการเข้าถึงตามบทบาทของ Azure หรือนโยบายการเข้าถึง Key Vault หากต้องการดูขั้นตอนที่เหมาะสม ให้เลือกแท็บด้านล่างตามรูปแบบสิทธิ์ที่คุณเลือก

    1. ไปที่ Key Vault ของคุณในพอร์ทัล Azure
    2. เลือก การควบคุมการเข้าถึง (IAM) บนเมนูด้านซ้าย
    3. เลือก + เพิ่ม ที่ด้านบนของหน้า จากนั้นเลือก เพิ่มการกำหนดบทบาท
    4. ภายใต้แท็บ บทบาทฟังก์ชันงาน ให้ค้นหาชื่อบทบาท ผู้ใช้ข้อมูลลับ Key Vault เลือกชื่อนั้น แล้วเลือก ถัดไป
    5. สำหรับ กำหนดการเข้าถึง เลือก ผู้ใช้, กลุ่ม หรือบริการหลัก
    6. เลือก + เลือกสมาชิก และค้นหาชื่อการลงทะเบียนแอปของไซต์ของคุณตามที่อธิบายไว้ในตอนต้นของขั้นตอนที่ 2c
    7. เลือกแอปสําหรับไซต์ของคุณและเลือก ถัดไป
    8. เลือก ตรวจสอบ + กำหนด

    ขณะนี้ไซต์ของคุณมีสิทธิ์อ่านข้อมูลลับจาก Key Vault นี้

  4. เพิ่มคีย์ที่ถูกจำกัดของ Stripe เป็นข้อมูลลับใน Key Vault หากต้องการเรียนรู้วิธีสร้างข้อมูลลับใน Azure Key Vault ให้ไปที่ ตั้งค่าและดึงข้อมูลลับจาก Azure Key Vault โดยใช้พอร์ทัล Azure

ขั้นตอนที่ 2d: เพิ่มคีย์ของคุณในการกำหนดค่าของคุณ

  1. ในสตูดิโอออกแบบ ให้ป้อนการตั้งค่าในแผง เปิดใช้งานการรวม

    หากคุณกำลังใช้ตัวเลือกที่เก็บข้อมูล Dataverse ให้ป้อนคีย์ที่เผยแพร่ได้และคีย์ลับ

    หากคุณใช้ตัวเลือกที่เก็บข้อมูล Key Vault ให้ป้อนคีย์ที่เผยแพร่ได้, ชื่อ Azure Key Vault และชื่อข้อมูลลับ

  2. เลือก บันทึก แล้วปิดแผง หากคุณพบข้อผิดพลาดขณะบันทึก โปรดดูข้อความแสดงข้อผิดพลาดและแก้ไขปัญหาที่เกี่ยวข้องกับการตั้งค่า Key Vault

  3. เลือก ซิงค์

ขั้นตอนที่ 3: เปิดใช้งานประสบการณ์การชำระเงินในแบบฟอร์มของคุณ

หากต้องการเปิดใช้งานการชำระเงิน ให้ทำตามขั้นตอนต่อไปนี้:

  1. สร้างขั้นตอนของฟอร์มแบบหลายขั้นตอนสำหรับตาราง Dataverse ที่ใช้ในกระบวนการฟอร์มแบบหลายขั้นตอนที่คุณต้องการรับการชำระเงิน

  2. เพิ่ม สิทธิ์ของตาราง สำหรับตาราง Dataverse ที่ใช้ในกระบวนการฟอร์มแบบหลายขั้นตอนสำหรับลายเซ็นเอกสาร (คุณจะต้องมีสิทธิ์ สร้าง และ เขียน เป็นอย่างน้อย) และกำหนด บทบาทบนเว็บ ที่เหมาะสม

  3. เลือก ซิงค์

  4. ในสตูดิโอออกแบบ ให้เลือก หน้า แล้วไปยังหน้าเว็บที่ต้องการประสบการณ์การชำระเงิน

  5. เพิ่มหรือแก้ไข ฟอร์มแบบหลายขั้นตอน และสร้างขั้นตอนที่เรียกว่า จ่าย (หรือคล้ายกัน)

  6. ดำเนินการต่อใน การตั้งค่าขั้นตอน

    ภาพหน้าจอของตัวเลือกการตั้งค่าขั้นตอนภายในพื้นที่ทำงานของหน้าของสตูดิโอออกแบบ Power Pages

    • เลือก การรวมแอป
    • สลับ เปิดใช้งานการชำระเงินดิจิทัล เป็นเปิด
    • ใน เลือกฟิลด์จำนวนเงิน ให้เลือกฟิลด์ชนิดสกุลเงินบนตารางที่ใช้เรียกเก็บเงินตามจำนวนเงินที่คุณต้องการรวบรวมจากผู้ใช้ไซต์  

    หมายเหตุ

    การกำหนดค่าวิธีการชำระเงินและการตั้งค่าเพิ่มเติมสามารถทำได้โดยตรงใน Stripe อาจจำเป็นต้องยอมรับข้อกำหนดและการกำหนดค่าอื่นๆ

การควบคุมการชำระเงินจะถูกเพิ่มโดยอัตโนมัติในขั้นตอนของแบบฟอร์มที่แสดงตัวอย่างวิธีการชำระเงินที่เปิดใช้งานสำหรับการรับการชำระเงิน

ดูตัวอย่างและทดสอบหน้าเว็บของคุณ

ในขั้นตอน "จ่าย" คุณควรจะสามารถชำระเงินได้โดยใช้การ์ดเพื่อการทดสอบที่มีอยู่ในเว็บไซต์ของ Stripe

การชำระเงินที่สำเร็จจะแสดงการยืนยันจำนวนเงินที่ชำระและ ID ทรานแซคชันที่ส่งคืนจากผู้ให้บริการชำระเงิน

หมายเหตุ

คุณควรปิดใช้งานปุ่มย้อนกลับจากการตั้งค่า ขั้นตอน หากคุณไม่ต้องการอนุญาตให้ผู้ใช้ไปยังขั้นตอนก่อนหน้าจากขั้นตอนการชำระเงิน

หากขั้นตอนนี้เป็นขั้นตอนสุดท้ายของฟอร์มแบบหลายขั้นตอน ระบบจะเปิดใช้งานปุ่มส่งเพื่อส่งฟอร์มและดำเนินการให้เสร็จสิ้น

ควบคุมคุณลักษณะการชำระเงินในผู้เช่า

ผู้ดูแลระบบสามารถปิดใช้งานการชำระเงินในผู้เช่าได้โดยการตั้งค่าระดับผู้เช่า disablePaymentIntegrationForPages ผ่าน PowerShell

ในการเรียกใช้ cmdlets ของ PowerShell คุณต้องติดตั้งโมดูลที่จำเป็นก่อน

ปิดใช้งานการชำระเงิน

หลังจากติดตั้งโมดูล ให้เรียกใช้คำสั่งต่อไปนี้ในหน้าต่าง PowerShell ในฐานะผู้ดูแลระบบ

$requestBody = @{
     powerPlatform = @{
         powerPages = @{
             disablePaymentIntegrationForPages = "All"
         }
     }
 }
 Set-TenantSettings -RequestBody $requestBody

ผู้ดูแลระบบเป็นผู้ใช้ที่มีบทบาท Azure อย่างใดอย่างหนึ่งต่อไปนี้:

เมื่อปิดใช้งานคุณลักษณะการชำระเงินในผู้เช่า:

  • ผู้สร้างมีประสบการณ์ใช้งานต่อไปนี้ในพื้นที่ แอปภายนอก

    ภาพหน้าจอของแผงเปิดใช้งานการรวมกับการรวมการชำระเงิน Stripe แสดงว่าถูกบล็อก

  • ผู้สร้างมีประสบการณ์ต่อไปนี้ในแท็บ การรวมแอป ของการกำหนดค่าฟอร์มแบบหลายขั้นตอน

    ภาพหน้าจอของแท็บการรวมแอปของฟอร์มแบบหลายขั้นตอน

แต่ละแท็บประสบการณ์ประกอบด้วยข้อความต่อไปนี้:

"แอปพลิเคชันนี้ถูกปิดใช้งานโดยองค์กรของคุณ ติดต่อผู้ดูแลระบบของคุณเพื่อเปิดใช้งาน"

หมายเหตุ

เมื่อตั้งค่าผู้เช่านี้เป็นทั้งหมด จะป้องกันการตั้งค่าความสามารถในการชำระเงินสำหรับไซต์เพิ่มเติมในอนาคต ซึ่งจะไม่ส่งผลกระทบต่อการกำหนดค่าและการตั้งค่าการชำระเงินใดๆ ในฟอร์มที่ผู้สร้างอาจดำเนินการเสร็จสิ้นแล้วในสภาพแวดล้อมของตน

เปิดใช้งานการชำระเงิน

ในการเปิดใช้งานคุณลักษณะการชำระเงินในผู้เช่า ให้เรียกใช้คำสั่งต่อไปนี้ในหน้าต่าง PowerShell ในฐานะผู้ดูแลระบบ:

$requestBody = @{
     powerPlatform = @{
         powerPages = @{
             disablePaymentIntegrationForPages = "None"
         }
     }
 }
 Set-TenantSettings -RequestBody $requestBody

ข้อควรพิจารณา

  • สกุลเงินและจำนวนเงินในการชำระเงิน มูลค่าจำนวนเงินที่ชำระขั้นต่ำและสูงสุดอาจแตกต่างกันไปตามสกุลเงิน ตรวจสอบ คู่มือ Stripe เกี่ยวกับสกุลเงินที่รองรับ เพื่อให้แน่ใจว่าฟอร์มและตารางของคุณได้รับการกำหนดค่าอย่างถูกต้องเพื่อรับการชำระเงินในช่วงนั้น

  • มาตรฐานการรักษาความปลอดภัยข้อมูลอุตสาหกรรมบัตรชำระเงิน (PCI DSS) คุณลักษณะนี้ใช้วิธีการผสานการทำงานการชำระเงินของ Stripe Web Elements และจะไม่มีการจัดเก็บข้อมูลบัตรไว้ใน Power Pages หรือ Dataverse การตรงตามมาตรฐาน PCI เป็นความรับผิดชอบร่วมกันและนำไปใช้กับธุรกิจด้วย ดูคู่มือ Stripe เกี่ยวกับ การตรวจสอบการปฏิบัติตามข้อกำหนด PCI ของคุณ

  • ตารางการชำระเงิน สำหรับการจัดเก็บข้อมูลธุรกรรม มีตารางการชำระเงินใหม่ที่ติดตั้งมาพร้อมกับโซลูชัน ตารางดังกล่าวจะเชื่อมโยงกับตารางที่คุณเลือกโดยอัตโนมัติเมื่อคุณกำหนดค่าขั้นตอนของฟอร์ม คุณสามารถใช้ตารางเพื่อดูรายละเอียดทรานแซคชันและสถานะได้ ตารางนี้เป็นเพียงสแนปช็อตของข้อมูลที่คุณสามารถใช้เพื่อสร้างประสบการณ์อื่นๆ ให้กับผู้ใช้ทางธุรกิจใน Power Apps หรือ Power Pages หากต้องการรายละเอียดเพิ่มเติมและการแก้ไขปัญหาที่เกี่ยวข้องกับการชำระเงิน คุณควรพึ่งพาผู้ให้บริการชำระเงิน เช่น แดชบอร์ดของ Stripe

  • Webhook. คุณลักษณะการชำระเงินยังกำหนดค่า Webhook บน Stripe ที่ใช้ในการอัปเดตสถานะการชำระเงินแบบอะซิงโครนัสซึ่งอาจต้องใช้เวลาเพิ่มเติมในการดำเนินการให้เสร็จสิ้น

    หมายเหตุ

    เมื่อเว็บไซต์อยู่ในโหมดส่วนตัว webhook การดำเนินการนี้อาจไม่สามารถสื่อสารกับ Power Pages ได้ และด้วยเหตุนี้คุณจึงอาจได้รับอีเมลจาก Stripe นี่เป็นพฤติกรรมที่ไม่ต่อเนื่อง และเมื่อเว็บไซต์ของคุณเปลี่ยนเป็นโหมดสาธารณะ Webhook ควรจะสามารถสื่อสารได้สำเร็จ