ข้อมูลรับรองและสภาพแวดล้อม#

กำหนดค่าข้อมูลรับรองสำหรับหน้าร้านออนไลน์ Visualizer SDK ของคุณ และ Product Import API หากจำเป็น การอ่านเอกสารสาธารณะไม่ได้สร้างข้อมูลรับรองหรือให้สิทธิ์เข้าถึงร้านค้า

ข้อมูลรับรองใดอยู่ที่ไหน?#

การรวมระบบ	ข้อมูลรับรอง	ที่ต้องอยู่
หน้าร้านออนไลน์ SDK	Shop ID และ Publishable Key	ทรี่บิวต์สคริปต์หน้าร้านออนไลน์ SDK
Product Import API	Client ID และ Client Secret	ฝั่งแบ็กเอนด์ของคุณหรืองานฝั่งเซิร์ฟเวอร์ที่ปลอดภัย

Publishable Key ออกแบบมาเพื่อใช้งานในเบราว์เซอร์ Client Secret ต้องเก็บไว้บนเซิร์ฟเวอร์ของคุณเท่านั้น ห้ามวางคีย์เหล่านี้ในธีม, Markdown สาธารณะ, client bundle หรือภาพหน้าจอสำหรับซัพพอร์ต

รับและกำหนดค่าข้อมูลรับรอง#

เปิด แดชบอร์ดสำหรับร้านค้า เลือกร้านที่ถูกต้อง และตรวจสอบการเชื่อมต่อและการตั้งค่า SDK ทำตามคำแนะนำในการเริ่มต้นใช้งานสำหรับ Client ID และ Client Secret

กำหนดค่า Allowed Origins (CORS)#

ก่อนทดสอบหรือเผยแพร่ SDK ให้เปิด แดชบอร์ด → การตั้งค่า สำหรับร้านที่ถูกต้อง และค้นหา Allowed Origins (CORS)

กรอกต้นทางของหน้าร้านออนไลน์ที่จะโหลด SDK คั่นด้วยเครื่องหมายจุลภาค ตัวอย่างเช่น: https://example.com, https://www.example.com, https://shop.example.com
ใช้โปรโตคอลและชื่อโฮสต์ พร้อมพอร์ตเมื่อเหมาะสม โดยไม่มีเส้นทางหน้าเว็บ สตริงคิวรี หรือแฟรกเมนต์ เพิ่มต้นทางสำหรับพรีวิวหรือสเตจิงด้วยหากคุณทดสอบ SDK ที่นั่น; ใช้ http://localhost:3000 เฉพาะเมื่อเป็นต้นทางทดสอบท้องถิ่นจริงของคุณ
คลิก บันทึก จากนั้นรีโหลดหน้าร้านออนไลน์และทดสอบ SDK อีกครั้ง

ตรวจสอบ URL จริงที่ลูกค้าเข้าถึง: https://example.com และ https://www.example.com เป็นต้นทางที่แตกต่างกัน การทดสอบท้องถิ่นหรือพรีวิวที่สำเร็จไม่ได้ยืนยันว่าต้นทางที่เผยแพร่ถูกกำหนดค่าแล้ว

แทนที่ค่าตัวอย่าง#

ตัวอย่างใช้ค่าแทนเช่น <SHOP_ID>, <PUBLISHABLE_KEY> และ <YOUR_CLIENT_SECRET> แทนที่ค่าเหล่านี้เฉพาะในสภาพแวดล้อมที่กำหนดไว้เท่านั้น ตัวอย่าง HTML อาจเข้ารหัสเครื่องหมายวงเล็บมุมเป็น < และ >; แทนที่ค่าแทนทั้งหมด รวมถึงการเข้ารหัสดังกล่าว

สภาพแวดล้อมของ SDK และ การนำเข้าสินค้า#

เบราว์เซอร์โหลด https://sdk.ideal.house/sdk.js ด้วย Shop ID และ Publishable Key จากร้านค้าเดียวกัน Product Import API ยังคงใช้ https://sdkapi.ideal.house พร้อมการยืนยันตัวตนฝั่งเซิร์ฟเวอร์ที่ระบุไว้ในเอกสาร

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