เชื่อมต่อ Stripe, Twilio และบริการอื่น ๆ
สรุปสั้น ๆตัวเชื่อมต่อเชื่อมบริการภายนอกเข้ากับแอปของคุณ เช่น Stripe สำหรับรับชำระเงิน Twilio สำหรับส่ง SMS และ Resend สำหรับส่งอีเมลจากโดเมนของคุณเอง ขอฟีเจอร์ในแชทแล้ว MonstarX จะแสดงการ์ดให้กรอกคีย์ หรือเปิด แบ็กเอนด์ → คลาวด์ → ตัวเชื่อมต่อ แล้วคลิก เชื่อมต่อ ยังไม่มีคีย์ใช่ไหม คลิก ภายหลัง แล้ว MonstarX จะสร้างทุกอย่างต่อให้
แอปของคุณมีฐานข้อมูล บัญชีผู้ใช้ อีเมล พื้นที่จัดเก็บไฟล์ และ AI ติดมาอยู่แล้ว ตัวเชื่อมต่อ เพิ่มทุกอย่างที่เหลือ เช่น รับชำระเงินด้วย Stripe ส่ง SMS ด้วย Twilio ดึงข้อมูลจากเว็บไซต์ใดก็ได้ด้วย Firecrawl และอื่น ๆ ตัวเชื่อมต่อแต่ละตัวเชื่อมบริการภายนอกหนึ่งบริการเข้ากับแอปหนึ่งแอป โดยใช้คีย์ (รหัสลับที่บริการให้มาสำหรับใช้ API) จากบัญชีของคุณเองในบริการนั้น
ส่วนใหญ่คุณไม่ต้องไปหาเอง เมื่อขอฟีเจอร์ที่ต้องใช้บริการภายนอก เช่น “ให้สมาชิกซื้อบัตรเข้าคลาสได้” MonstarX จะเขียนโค้ดและขอคีย์จากคุณในแชทตรงนั้นเลย
แอปเชื่อมต่อบริการอะไรได้บ้าง
หัวข้อที่มีชื่อว่า “แอปเชื่อมต่อบริการอะไรได้บ้าง”ตัวเชื่อมต่อเหล่านี้มีไว้สำหรับสิ่งที่แอปทำให้คนที่ใช้แอป ทั้งหมดอยู่ใน แบ็กเอนด์คลาวด์ ในรายการ ตัวเชื่อมต่อ
| ตัวเชื่อมต่อ | แอปทำอะไรได้ | สิ่งที่ต้องวาง |
|---|---|---|
| Stripe | รับชำระเงิน การสมัครสมาชิก และหน้าชำระเงิน ใช้คีย์แซนด์บ็อกซ์ (ทดสอบ) หรือคีย์ใช้งานจริงได้ | คีย์ลับ คีย์ที่เผยแพร่ได้ และข้อมูลลับสำหรับลงนาม Webhook (ไม่บังคับ) |
| Twilio | ส่ง SMS และข้อความ WhatsApp และโทรออกด้วยเสียง | SID บัญชี โทเค็นการตรวจสอบสิทธิ์ และหมายเลขโทรศัพท์ต้นทาง |
| Resend | ส่งอีเมลจากโดเมนของคุณเองแทนอีเมลของ MonstarX | คีย์ API และที่อยู่ผู้ส่ง |
| OpenAI | ใช้คีย์ OpenAI ของคุณเองแทน AI ของ MonstarX | คีย์ API |
| OpenRouter | ใช้คีย์ OpenRouter ของคุณเอง (โมเดลใดก็ได้) แทน AI ของ MonstarX | คีย์ API |
| Google Maps | ค้นหาสถานที่และเติมคำอัตโนมัติ ข้อมูลธุรกิจ และเส้นทางขับรถ | คีย์ API |
| Mapbox | แปลงที่อยู่เป็นพิกัดบนแผนที่ (geocoding) เส้นทาง และสไตล์แผนที่ของ Mapbox รวมถึงภาพถ่ายดาวเทียม | โทเค็นการเข้าถึงสาธารณะ |
| Firecrawl | แปลงเว็บไซต์ใดก็ได้เป็นข้อความสะอาดหรือข้อมูลแบบมีโครงสร้าง (scrape, crawl, search) | คีย์ API |
| Zernio | เชื่อมบัญชีโซเชียลของผู้ใช้ (X, Instagram, Facebook, LinkedIn, TikTok, YouTube และอื่น ๆ) แล้วโพสต์หรือตั้งเวลาโพสต์ | คีย์ API |
| ElevenLabs | แปลงข้อความเป็นเสียงพูดและสร้างเสียง | คีย์ API |
| Google Analytics | นับการเข้าชมหน้าและอีเวนต์ด้วย GA4 | ID การวัด |
ตัวเชื่อมต่อบางตัวทำงานใหญ่กว่าและมีหน้าของตัวเอง
- Supabase และ Railway เก็บข้อมูลของแอปไว้ในฐานข้อมูล Postgres ของคุณเองได้ ดู Supabase และ Railway
- Firebase ให้แอปใช้ Firestore การลงชื่อเข้าใช้ พื้นที่จัดเก็บไฟล์ และการแจ้งเตือนพุชจากโปรเจกต์ของคุณเอง ดู Firebase
- Cloudflare รันทั้งแอปบนบัญชี Cloudflare ของคุณเอง ดู บัญชี Cloudflare ของคุณเอง
- Azure, AWS, Vercel และ Google Cloud เป็นที่สำหรับเผยแพร่แอป ดู เผยแพร่ไปยังโฮสต์อื่น
เชื่อมต่อบริการจากแชทอย่างไร
หัวข้อที่มีชื่อว่า “เชื่อมต่อบริการจากแชทอย่างไร”ขอฟีเจอร์ด้วยภาษาธรรมดา เช่น “ให้คนจ่ายค่าบัตรเข้าคลาสด้วย Stripe ได้” MonstarX จะสร้างฟีเจอร์นั้นและแสดงการ์ดขอให้เชื่อมต่อบริการ พร้อมบอกเหตุผลที่ต้องใช้
-
อ่านการ์ด หาคีย์ได้ที่ไหน จะเปิดหน้าของบริการนั้นที่อธิบายว่าคีย์อยู่ตรงไหน
-
สำหรับ Stripe ให้เลือก สภาพแวดล้อม เลือก แซนด์บ็อกซ์ (คีย์ทดสอบ) ระหว่างทดลอง และ ใช้งานจริง (คีย์ใช้งานจริง) เมื่อมีลูกค้าจริงจ่ายเงิน
-
วางคีย์ลงในช่อง แล้วคลิก เชื่อมต่อ Stripe (ปุ่มจะระบุชื่อบริการเสมอ)
-
การ์ดจะเปลี่ยนเป็นสีเขียวและแสดง Stripe เชื่อมต่อแล้ว พรีวิวจะรีสตาร์ทพร้อมคีย์ใหม่ ลองใช้ฟีเจอร์ได้ทันที
เฉพาะเจ้าของโปรเจกต์เท่านั้นที่เชื่อมต่อบริการได้ คนอื่นที่ดูโปรเจกต์จะเห็นการ์ดพร้อมข้อความ “เฉพาะเจ้าของโปรเจกต์ที่เชื่อมต่อได้”
ถ้ายังไม่มีคีย์ล่ะ
หัวข้อที่มีชื่อว่า “ถ้ายังไม่มีคีย์ล่ะ”คลิก ภายหลัง การ์ดจะยุบเหลือบรรทัดเดียวว่า “Stripe · จะเชื่อมต่อภายหลัง” และ MonstarX จะสร้างทุกอย่างต่อไป ตรงไหนที่แอปต้องใช้บริการนั้น แอปจะแสดงข้อความชัดเจนว่ายังไม่ได้เชื่อมต่อ Stripe แทนที่จะพัง คลิก เชื่อมต่อทันที เมื่อคุณมีคีย์แล้ว
ตัวเลือกนี้บันทึกไว้กับโปรเจกต์ การ์ดจึงยุบอยู่ในทุกอุปกรณ์จนกว่าคุณจะเชื่อมต่อ
ถ้า MonstarX ทำต่อไม่ได้หากไม่มีบริการนั้นล่ะ
หัวข้อที่มีชื่อว่า “ถ้า MonstarX ทำต่อไม่ได้หากไม่มีบริการนั้นล่ะ”บางครั้งทั้งคำขอขึ้นอยู่กับข้อมูลในบัญชีของคุณ เช่น “นำเข้าสินค้าจาก Stripe ของฉัน” การ์ดจะเป็นสีเหลืองอำพัน แสดง MonstarX ต้องการ Stripe เพื่อดำเนินการต่อ และไม่มีปุ่ม ภายหลัง MonstarX จะสร้างส่วนที่ไม่ต้องใช้บริการนั้นแล้วรอ ทันทีที่คุณเชื่อมต่อ MonstarX จะทำต่อเอง
เชื่อมต่อบริการจากแท็บแบ็กเอนด์อย่างไร
หัวข้อที่มีชื่อว่า “เชื่อมต่อบริการจากแท็บแบ็กเอนด์อย่างไร”-
เปิดโปรเจกต์แล้วคลิก แบ็กเอนด์ ในแถบด้านบน จากนั้นคลิก คลาวด์
-
เลื่อนลงไปที่ ตัวเชื่อมต่อ แล้วคลิก เชื่อมต่อ ข้างบริการที่ต้องการ
-
กรอกข้อมูลในช่อง ช่องที่ไม่จำเป็นต้องกรอกจะมีคำว่า “(ไม่บังคับ)” และหลายช่องมีคำอธิบายอยู่ด้านล่าง
-
คลิก เชื่อมต่อ ตามด้วยชื่อบริการ
บริการที่เชื่อมต่อแล้วจะมีป้ายสีเขียว เชื่อมต่อแล้ว (สำหรับ Stripe จะเป็น เชื่อมต่อแล้ว · แซนด์บ็อกซ์ หรือ เชื่อมต่อแล้ว · ใช้งานจริง) พร้อมปุ่ม 2 ปุ่ม
- อัปเดตคีย์ สำหรับเปลี่ยนคีย์หนึ่งคีย์หรือมากกว่า เว้นช่องว่างไว้ถ้าต้องการคงค่าเดิม
- ยกเลิกการเชื่อมต่อ สำหรับนำบริการและคีย์ออกจากแอปนี้
ไอคอนลูกศรเล็ก ๆ ข้างตัวเชื่อมต่อแต่ละตัวจะเปิดเอกสารของบริการนั้น
รู้ได้อย่างไรว่าแอปยังรอบริการไหนอยู่
หัวข้อที่มีชื่อว่า “รู้ได้อย่างไรว่าแอปยังรอบริการไหนอยู่”MonstarX สังเกตได้เมื่อโค้ดของแอปใช้บริการที่ยังไม่ได้เชื่อมต่อ และแจ้งคุณใน 3 ที่
- แบ็กเอนด์ → คลาวด์ แสดงตัวเชื่อมต่อเหล่านั้นไว้ก่อน พร้อมป้าย แอปใช้บริการนี้ · จะเชื่อมต่อภายหลัง แอปใช้บริการนี้ · ยังไม่ได้เชื่อมต่อ หรือ ต้องมีเพื่อดำเนินการต่อ
- เผยแพร่ จะมีจุดสีเหลืองอำพัน และข้างในมีข้อความ เช่น “Stripe และ Twilio ยังไม่ได้เชื่อมต่อ” พร้อมปุ่ม เชื่อมต่อ สำหรับแต่ละบริการ คุณยังเผยแพร่ได้ แต่ส่วนเหล่านั้นจะใช้ไม่ได้จนกว่าจะใส่คีย์
- การทดสอบ QA ตรวจขั้นตอนไปจนถึงขั้นที่ต้องใช้บริการ แล้วทำเครื่องหมายว่าต้องใช้คีย์ แทนที่จะนับว่าไม่ผ่าน ดู การทดสอบ QA
ถ้าคุณนำฟีเจอร์ที่ใช้บริการนั้นออก ข้อความเตือนจะหายไปเอง
คีย์ไปเก็บไว้ที่ไหน
หัวข้อที่มีชื่อว่า “คีย์ไปเก็บไว้ที่ไหน”คีย์เก็บแบบเข้ารหัสไว้กับแอป ภายใต้ชื่อที่กำหนดไว้ เช่น STRIPE_SECRET_KEY ดูชื่อคีย์ได้ (แต่ไม่เห็นค่า) ใน แบ็กเอนด์ข้อมูลลับ ถัดจากคีย์ที่คุณเพิ่มเอง ดู ข้อมูลลับ
- คีย์ลับ ใช้เฉพาะในเซิร์ฟเวอร์ของแอปเท่านั้น คนที่เข้าชมแอปจะไม่เห็นคีย์นี้
- คีย์สาธารณะ เช่น คีย์ที่เผยแพร่ได้ของ Stripe คีย์ Google Maps หรือ ID การวัดของ Google Analytics มีไว้ใช้ในเบราว์เซอร์ จึงปลอดภัยสำหรับคีย์ประเภทนี้ นี่คือเหตุผลที่บริการต่าง ๆ ให้คีย์มา 2 แบบ
- คีย์เป็นของแอปเดียว แอปอื่นของคุณจะไม่เห็นคีย์เหล่านี้
ใช้บริการของตัวเองแทนบริการในตัวได้ไหม
หัวข้อที่มีชื่อว่า “ใช้บริการของตัวเองแทนบริการในตัวได้ไหม”ได้ ตัวเชื่อมต่อบางตัวออกแบบมาเพื่อใช้แทนบริการของ MonstarX Cloud และในรายการจะมีป้าย ใช้แทนบริการของ MonstarX: …
| บริการในตัว | ใช้แทนด้วย |
|---|---|
| อีเมล (ส่งจากโดเมนอีเมลของ MonstarX) | Resend เพื่อส่งจากโดเมนของคุณเอง |
| AI (โมเดลที่ MonstarX จัดการให้พร้อมโมเดลสำรอง) | OpenAI หรือ OpenRouter เรียกเก็บเงินจากบัญชีของคุณเอง |
| ฐานข้อมูล | Supabase หรือ Railway Postgres ซึ่งไม่มีป้ายกำกับแต่เก็บข้อมูลได้เหมือนกัน ดู Supabase และ Railway |
เชื่อมต่อบริการที่จะใช้แทน แล้วขอให้ MonstarX ใช้บริการนั้น เช่น “ส่งอีเมลของแอปผ่าน Resend” เมื่อไม่มีส่วนใดในแอปใช้บริการในตัวแล้ว ปิด อีเมล AI ค้นหาเว็บ หรือ พื้นที่จัดเก็บ ได้ใน แบ็กเอนด์คลาวด์ ดู ภาพรวม MonstarX Cloud
ข้อควรรู้
หัวข้อที่มีชื่อว่า “ข้อควรรู้”- งานสร้างไม่ต้องรอคีย์ MonstarX เขียนโค้ดจากเอกสารของบริการ คีย์ที่ขาดไปจึงทำให้ใช้ไม่ได้แค่ฟีเจอร์นั้นฟีเจอร์เดียว
- ทดสอบก่อน คีย์แซนด์บ็อกซ์ของ Stripe ให้คุณลองชำระเงินด้วยบัตรทดสอบได้โดยไม่ใช้เงินจริง
- บัญชีและค่าใช้จ่ายเป็นของคุณ บริการที่เชื่อมต่อจะเรียกเก็บเงินจากบัญชีของคุณในบริการนั้นตามราคาของบริการเอง MonstarX ไม่บวกเพิ่ม
- ตัวเชื่อมต่อสำหรับตัว MonstarX เอง เป็นอีกเรื่องหนึ่ง เครื่องมือธุรกิจ ให้เอเจนต์ MonstarX อ่าน Google Sheets, HubSpot หรือ Jira ของคุณ และตัวเชื่อมต่อ MCPให้เอเจนต์ใช้เครื่องมืออื่น ๆ
คำถามที่พบบ่อย
หัวข้อที่มีชื่อว่า “คำถามที่พบบ่อย”ต้องเขียนโค้ดเป็นไหมถึงจะเชื่อมต่อ Stripe ได้
ไม่ต้อง ขอฟีเจอร์ในแชท วางคีย์ Stripe 2 คีย์ลงในการ์ดที่ MonstarX แสดง แล้วคลิก เชื่อมต่อ Stripe MonstarX เขียนโค้ดทั้งหมดให้
สร้างแอปก่อนมีคีย์ได้ไหม
ได้ คลิก ภายหลัง บนการ์ด MonstarX จะสร้างทุกอย่าง แสดงข้อความที่เข้าใจง่ายว่ายังไม่ได้เชื่อมต่อในส่วนที่ต้องใช้บริการ และเตือนคุณใน เผยแพร่ ก่อนแอปจะออนไลน์
เปลี่ยนหรือลบคีย์ได้ที่ไหน
ใน แบ็กเอนด์ → คลาวด์ → ตัวเชื่อมต่อ คลิก อัปเดตคีย์ หรือ ยกเลิกการเชื่อมต่อ ข้างบริการนั้น ชื่อคีย์ยังแสดงอยู่ใน แบ็กเอนด์ → ข้อมูลลับ ด้วย
คนที่ใช้แอปเห็นคีย์ของฉันไหม
ไม่เห็นคีย์ลับ เพราะคีย์ลับอยู่บนเซิร์ฟเวอร์ของแอป มีเฉพาะคีย์สาธารณะที่ออกแบบมาสำหรับเบราว์เซอร์ เช่น คีย์ที่เผยแพร่ได้ของ Stripe ที่ไปถึงหน้าเว็บ
คีย์ใช้ได้ทั้งในพรีวิวและในแอปที่เผยแพร่ไหม
ได้ การเชื่อมต่อจะรีสตาร์ทพรีวิวพร้อมคีย์ใหม่ และเมื่อเผยแพร่ครั้งถัดไป แอปที่ออนไลน์ก็จะได้คีย์ไปด้วย
บริการที่ไม่อยู่ในรายการมีตัวเชื่อมต่อไหม
ยังใช้บริการนั้นได้ ขอให้ MonstarX เชื่อมบริการเข้ากับแอป แล้วเพิ่มคีย์เองใน แบ็กเอนด์ → ข้อมูลลับ แอปจะอ่านคีย์ด้วยวิธีเดียวกัน