คู่มือการติดตั้งและใช้งาน Storefront MCP Server

เรียนรู้วิธีการเชื่อมต่อ Storefront MCP Server กับ OpenAI Responses API เพื่อสร้างตัวแทน AI สำหรับหน้าร้าน Shopify ของคุณ

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

  • บัญชี Shopify ที่ใช้งานอยู่
  • API Key จาก OpenAI
  • Node.js เวอร์ชัน 18 ขึ้นไป
  • ความรู้พื้นฐานเกี่ยวกับ JavaScript และ API

ขั้นตอนการติดตั้ง

1. ติดตั้ง Storefront MCP Server

npm install @shopify/storefront-mcp-server

2. ตั้งค่า Environment Variables

สร้างไฟล์ .env และเพิ่มข้อมูลต่อไปนี้:

SHOPIFY_STORE_DOMAIN=your-store.myshopify.comSHOPIFY_STOREFRONT_ACCESS_TOKEN=your-storefront-access-tokenOPENAI_API_KEY=your-openai-api-key

3. เชื่อมต่อกับ OpenAI Responses API

ใช้โค้ดตัวอย่างนี้เพื่อเชื่อมต่อ:

import { StorefrontMCPServer } from '@shopify/storefront-mcp-server';import { OpenAI } from 'openai';const server = new StorefrontMCPServer({  storeDomain: process.env.SHOPIFY_STORE_DOMAIN,  accessToken: process.env.SHOPIFY_STOREFRONT_ACCESS_TOKEN});const openai = new OpenAI({  apiKey: process.env.OPENAI_API_KEY});// เชื่อมต่อ MCP Server กับ OpenAIawait server.connect(openai);

ฟีเจอร์หลัก

1. ค้นหาผลิตภัณฑ์

ตัวแทน AI สามารถค้นหาผลิตภัณฑ์ในร้านของคุณได้อย่างอัตโนมัติ:

const products = await server.searchProducts({  query: 'เสื้อยืด',  limit: 10});

2. เพิ่มสินค้าลงตะกร้า

เพิ่มสินค้าลงในตะกร้าได้โดยตรง:

const cart = await server.addToCart({  variantId: 'gid://shopify/ProductVariant/123',  quantity: 1});

3. สร้างลิงก์ชำระเงิน

สร้างลิงก์สำหรับชำระเงินได้ทันที:

const checkoutUrl = await server.createCheckoutLink({  cartId: cart.id});

ข้อดีของการใช้งาน

  • ไม่ต้องยืนยันตัวตน: ไม่จำเป็นต้องมีการยืนยันตัวตนที่ซับซ้อน
  • ติดตั้งง่าย: ใช้เวลาเพียงไม่กี่นาทีในการตั้งค่า
  • ทำงานอัตโนมัติ: AI จัดการการโต้ตอบกับลูกค้าได้เอง
  • ปรับแต่งได้: สามารถปรับแต่งพฤติกรรมของ AI ตามต้องการ

ตัวอย่างการใช้งานจริง

สร้างแชทบอทที่สามารถ:

  • แนะนำสินค้าตามความต้องการของลูกค้า
  • ตอบคำถามเกี่ยวกับผลิตภัณฑ์
  • ช่วยเพิ่มสินค้าลงตะกร้าและชำระเงิน
  • ติดตามสถานะคำสั่งซื้อ

แหล่งข้อมูลเพิ่มเติม

การสนับสนุน

หากคุณมีคำถามหรือต้องการความช่วยเหลือ สามารถติดต่อทีมพัฒนาของเราได้ที่ dev@o2odesign.com