ตอนนี้ Google AI Studio รองรับการพัฒนาแบบฟูลสแตกแล้ว ซึ่งช่วยให้คุณสร้างแอปพลิเคชันที่นอกเหนือจากต้นแบบฝั่งไคลเอ็นต์ได้ รันไทม์ฝั่งเซิร์ฟเวอร์ช่วยให้คุณจัดการข้อมูลลับ เชื่อมต่อกับ API ภายนอก และสร้างประสบการณ์การเล่นเกมแบบผู้เล่นหลายคนแบบเรียลไทม์ได้
รันไทม์ฝั่งเซิร์ฟเวอร์
ตอนนี้แอปพลิเคชัน Google AI Studio สามารถรวมคอมโพเนนต์ฝั่งเซิร์ฟเวอร์ (Node.js) ได้แล้ว ซึ่งจะช่วยให้คุณ
- เรียกใช้ตรรกะฝั่งเซิร์ฟเวอร์: เรียกใช้โค้ดที่ไม่ควรแสดงต่อไคลเอ็นต์
- เข้าถึงแพ็กเกจ npm: Agent ของ Antigravity สามารถติดตั้งและใช้แพ็กเกจจากระบบนิเวศ npm ที่กว้างขวางได้
- จัดการข้อมูลลับ: ใช้คีย์ API และข้อมูลเข้าสู่ระบบอย่างปลอดภัย
ใช้แพ็กเกจ npm
คุณไม่จำเป็นต้องเรียกใช้ npm install ด้วยตนเอง เพียงขอให้ Agent เพิ่มฟังก์ชันการทำงานที่ต้องใช้แพ็กเกจ แล้ว Agent จะจัดการการติดตั้งและการนำเข้าให้
ตัวอย่าง: > "ใช้ axios เพื่อดึงข้อมูลจาก API ภายนอก"
จัดการข้อมูลลับอย่างปลอดภัย
การจัดการโค้ดฝั่งเซิร์ฟเวอร์และข้อมูลลับช่วยให้คุณสร้างแอปที่โต้ตอบกับโลกได้แล้ว
คีย์ Gemini API
เมื่อคุณสร้างแอปใหม่ที่ใช้ Gemini API ทาง AI Studio จะกำหนดค่า GEMINI_API_KEY ของคุณเป็นข้อมูลลับฝั่งเซิร์ฟเวอร์โดยอัตโนมัติ โดยไม่จำเป็นต้องตั้งค่าด้วยตนเอง คุณดูคีย์นี้ได้ในแผงข้อมูลลับในการตั้งค่า การเรียก Gemini API ของแอปจะดำเนินการจากโค้ดฝั่งเซิร์ฟเวอร์โดยใช้คีย์นี้ จึงไม่มีการเปิดเผยในเบราว์เซอร์
คีย์ API ของบุคคลที่สาม
สำหรับบริการอื่นๆ คุณสามารถเพิ่มคีย์ API ด้วยตนเองได้โดยทำดังนี้
- API ของบุคคลที่สาม: เชื่อมต่อกับบริการต่างๆ เช่น Stripe, SendGrid หรือ REST API ที่กำหนดเอง
- ฐานข้อมูล: เชื่อมต่อกับฐานข้อมูลภายนอก (เช่น ผ่าน Supabase, Firebase หรือ MongoDB Atlas) เพื่อเก็บข้อมูลไว้นอกเหนือจากเซสชัน
เมื่อสร้างแอปในชีวิตจริง คุณมักจะต้องเชื่อมต่อกับบริการของบุคคลที่สาม (เช่น Twilio, Slack หรือฐานข้อมูล) ที่ต้องใช้คีย์ API คุณเพิ่มคีย์ด้วยตนเองได้โดยทำตามขั้นตอนต่อไปนี้
- เพิ่มคีย์ลับ: ไปที่เมนูการตั้งค่าใน Google AI Studio แล้วมองหาส่วนคีย์ลับ
- จัดเก็บคีย์: เพิ่มคีย์ API หรือโทเค็นลับที่นี่
- การเข้าถึงในโค้ด: Agent สามารถเขียนโค้ดฝั่งเซิร์ฟเวอร์ที่เข้าถึงข้อมูลลับเหล่านี้ได้อย่างปลอดภัย (โดยปกติจะผ่านตัวแปรสภาพแวดล้อม) เพื่อให้มั่นใจว่าข้อมูลลับจะไม่ถูกเปิดเผยต่อเบราว์เซอร์ฝั่งไคลเอ็นต์
เมื่อจำเป็น Agent จะแสดงการ์ดในแชทเพื่อแจ้งให้คุณเพิ่มคีย์เมื่อใดก็ตามที่จำเป็นต้องใช้ข้อมูลลับใหม่ หรือเมื่อตรวจพบคีย์ใหม่ในตัวแปรสภาพแวดล้อมของโปรเจ็กต์
การผสานรวม Firebase สำหรับฐานข้อมูลและการตรวจสอบสิทธิ์
ตอนนี้ Google AI Studio ช่วยให้คุณเพิ่มฐานข้อมูลหรือการตรวจสอบสิทธิ์ลงในแอปได้อย่างง่ายดายผ่านการผสานรวม Firebase Agent ของ Antigravity สามารถจัดสรรและตั้งค่าบริการต่อไปนี้ให้คุณโดยอัตโนมัติ
- ฐานข้อมูล Firestore: ฐานข้อมูล NoSQL บนระบบคลาวด์ที่ยืดหยุ่นและปรับขนาดได้เพื่อจัดเก็บและซิงค์ข้อมูลสำหรับการพัฒนาฝั่งไคลเอ็นต์และฝั่งเซิร์ฟเวอร์
- การตรวจสอบสิทธิ์ Firebase: อนุญาตให้ผู้ใช้ลงชื่อเข้าใช้แอปพลิเคชันของคุณอย่างปลอดภัยโดยใช้ขั้นตอน "ลงชื่อเข้าใช้ด้วย Google"
เพียงขอให้ Agent "เพิ่มฐานข้อมูลลงในแอปของฉัน" หรือ "ตั้งค่า Google Sign-In" แล้ว Agent จะจัดการการกำหนดค่าและการสร้างโค้ดที่จำเป็นให้คุณ เมื่อสร้างแอป Android การผสานรวม Firebase จะจัดสรร Firebase AI Logic และ Firebase App Check สำหรับการเรียกใช้ Gemini API ฝั่งไคลเอ็นต์อย่างปลอดภัยด้วย
Firebase ให้คุณเริ่มต้นใช้งานได้ฟรี และเลือกปรับขนาดด้วยบัญชีแบบชำระเงินได้ทุกเมื่อที่คุณพร้อมสำหรับโควต้าเพิ่มเติมหรือต้องการใช้ฟีเจอร์แบบชำระเงิน
Google Workspace API
Google AI Studio ช่วยให้คุณสร้างแอปที่เชื่อมต่อกับ Google Workspace API ได้ เพื่อให้ผู้ใช้ทำงานกับข้อมูลจริงได้ ไม่ว่าจะเป็นอีเมล สเปรดชีต เอกสาร กิจกรรมในปฏิทิน และอื่นๆ ทั้งหมดนี้ภายในแอปของคุณ คุณไม่จำเป็นต้องตั้งค่าโปรเจ็กต์ที่อยู่ในระบบคลาวด์ของ Google, กำหนดค่า OAuth หรือจัดการ API ด้วยตนเองอีกต่อไป
วิธีการทำงาน
คุณเพิ่มการผสานรวม Workspace ได้ 2 วิธีดังนี้
- อธิบายในแผงแชท: เพียงบอกสิ่งที่ต้องการให้ Agent ทราบในแผงแชทที่ด้านล่าง เช่น "สร้างเครื่องมือติดตามค่าใช้จ่ายที่บันทึกใบเสร็จลงใน Google ชีต" หรือ "สร้างแดชบอร์ดที่สรุปข้อความ Gmail ที่ยังไม่อ่าน"
- เลือกจากแผงการผสานรวม: เปิดแผงการผสานรวมในแถบด้านข้างขวามือของโหมดสร้าง แล้วเปิดใช้แอป Workspace ที่ต้องการเชื่อมต่อ
เมื่อคุณเพิ่มแอป Workspace แล้ว AI Studio จะดำเนินการต่อไปนี้โดยอัตโนมัติ
- เชื่อมต่อ Google API ที่จำเป็นสำหรับแอปของคุณ
- สร้างโค้ดฝั่งเซิร์ฟเวอร์เพื่อเรียกใช้ API
- เพิ่มขั้นตอน "ลงชื่อเข้าใช้ด้วย Google" ที่ปลอดภัยเพื่อให้ผู้ใช้ปลายทางของแอปให้สิทธิ์เข้าถึงข้อมูลของตนเองได้
แอปที่รองรับ
แอป Google Workspace ที่พร้อมใช้งานมีดังนี้
| แอป | สิ่งที่คุณสร้างได้ |
|---|---|
| Google ปฏิทิน | อ่าน สร้าง และจัดการกิจกรรมและปฏิทิน |
| Google Chat | อ่านและโต้ตอบกับการสนทนาและพื้นที่ทำงานของกลุ่ม |
| Google เอกสาร | สร้าง อ่าน อัปเดต และจัดรูปแบบเอกสาร |
| Google ไดรฟ์ | จัดระเบียบ ค้นหา และจัดการไฟล์และโฟลเดอร์ |
| Google ฟอร์ม | สร้างแบบสำรวจ อัปเดตคำถาม และเรียกดูคำตอบ |
| Gmail | อ่าน ส่ง และจัดการเนื้อหาอีเมล |
| Google Keep | จัดการโน้ต รายการ และไฟล์แนบ |
| Google Meet | กำหนดเวลาและจัดการวิดีโอคอล |
| รายชื่อติดต่อ | ซิงค์และจัดการรายชื่อติดต่อ |
| Google ชีต | อ่าน เขียน และจัดรูปแบบข้อมูลสเปรดชีต |
| Google สไลด์ | สร้างและแก้ไขงานนำเสนอ |
| Google Tasks | สร้าง จัดการ และจัดระเบียบงาน |
การตรวจสอบสิทธิ์และสิทธิ์
ในฐานะผู้สร้าง คุณไม่จำเป็นต้องกำหนดค่าไคลเอ็นต์ OAuth, จัดการข้อมูลเข้าสู่ระบบ หรือตั้งค่าโปรเจ็กต์ Google Cloud AI Studio จะจัดการทั้งหมดนี้ให้คุณ
แอปที่ผสานรวม Workspace API จะใช้ "ลงชื่อเข้าใช้ด้วย Google" เพื่อตรวจสอบสิทธิ์ผู้ใช้ปลายทาง เมื่อผู้ใช้เปิดแอปของคุณ ระบบจะแจ้งให้ลงชื่อเข้าใช้และให้สิทธิ์ที่แอปของคุณต้องการ (เช่น สิทธิ์อ่านอย่างเดียวในปฏิทิน หรือความสามารถในการแก้ไขสเปรดชีต) แอปของคุณจะเข้าถึงเฉพาะข้อมูลของบุคคลที่ใช้แอปเท่านั้น ผู้ใช้แต่ละรายให้สิทธิ์เข้าถึงบัญชีของตนเอง
ตัวอย่างพรอมต์
ตัวอย่างแนวคิดในการเริ่มต้นใช้งานการผสานรวม Workspace มีดังนี้
- "สร้างแอปที่อ่าน Google ปฏิทินของฉันและร่างอีเมลเตรียมความพร้อมใน Gmail สำหรับการประชุมแต่ละครั้ง"
- "สร้างเครื่องมือที่นำ Google เอกสารมาสร้างงานนำเสนอสรุป 5 สไลด์ใน Google สไลด์"
- "สร้างเครื่องมือติดตามค่าใช้จ่ายที่ฉันอัปโหลดใบเสร็จได้ โดย Gemini จะดึงรายละเอียดและบันทึกแถวใหม่ใน Google ชีตของฉัน"
ตั้งค่า OAuth
กรณีการใช้งานหลักอย่างหนึ่งสำหรับการจัดการข้อมูลลับคือการตั้งค่า OAuth เพื่อเชื่อมต่อกับเว็บไซต์หรือแอปอื่นๆ เมื่อพรอมต์ของคุณมีวิธีการเชื่อมต่อกับแอปของบุคคลที่สามที่ต้องใช้การตรวจสอบสิทธิ์ OAuth ตัวแทนจะให้วิธีการตั้งค่า OAuth สำหรับแอปพลิเคชันนั้น วิธีการเหล่านี้จะรวม URL Callback ที่จำเป็นในการกำหนดค่าแอปพลิเคชัน OAuth นอกจากนี้ คุณยังดู URL Callback ได้ในส่วนการผสานรวมในแผงการตั้งค่า
สร้างประสบการณ์การเล่นเกมแบบผู้เล่นหลายคน
รันไทม์แบบฟูลสแต็กช่วยให้ใช้ฟีเจอร์การทำงานร่วมกันแบบเรียลไทม์ได้
- สถานะแบบเรียลไทม์: คุณขอให้ Agent สร้างฟีเจอร์ต่างๆ เช่น "แชทสด" "ไวท์บอร์ดสำหรับการทำงานร่วมกัน" หรือ "เกมแบบผู้เล่นหลายคน" ได้
- เซสชันที่ซิงค์: เซิร์ฟเวอร์จะจัดการสถานะ ซึ่งช่วยให้ผู้ใช้หลายคนโต้ตอบกับอินสแตนซ์แอปพลิเคชันเดียวกันได้แบบเรียลไทม์
ตัวอย่างพรอมต์: > "ทำให้เกมนี้เป็นเกมแบบผู้เล่นหลายคนซึ่งผู้เล่นสามารถเห็นเคอร์เซอร์ของกันและกันได้"
เคล็ดลับในการทดสอบแอปแบบผู้เล่นหลายคน
คุณทดสอบโหมดผู้เล่นหลายคนได้ 2 วิธีดังนี้ก่อนทำให้แอปใช้งานได้
- เปิดแอปในโหมดสร้างของ Google AI Studio ในหลายแท็บ เมื่อพัฒนาในโหมดบิลด์ แอปของคุณจะอยู่ในคอนเทนเนอร์สำหรับนักพัฒนาซอฟต์แวร์ การเปิดแอปในหลายแท็บจะช่วยให้คุณจำลองผู้เล่นหลายคนที่ใช้แอปของคุณได้
- แชร์แอปกับผู้อื่นโดยใช้เมนูแชร์ที่ด้านขวาบน จากนั้นใช้ URL ที่แชร์จากแท็บการผสานรวมของเมนูแชร์เพื่อใช้แอปกับผู้เล่นที่คุณแชร์แอปด้วย
แนวทางปฏิบัติแนะนำ
- การเรียก Gemini API: ระบบจะกำหนดค่า
GEMINI_API_KEYเป็นข้อมูลลับฝั่งเซิร์ฟเวอร์โดยอัตโนมัติ เรียกใช้ Gemini API จากโค้ดฝั่งเซิร์ฟเวอร์โดยใช้คีย์นี้ คุณดูได้ในแผงข้อมูลลับ - ความปลอดภัยของข้อมูลลับ: ใช้ Secret Manager สำหรับคีย์ที่ละเอียดอ่อนเสมอ อย่าฮาร์ดโค้ดข้อมูลเข้าสู่ระบบในไฟล์
- การแยกข้อกังวล: เก็บตรรกะ UI ไว้ในเฟรมเวิร์กฝั่งไคลเอ็นต์ (React/Angular) และเก็บตรรกะทางธุรกิจ/การจัดการข้อมูลไว้ฝั่งเซิร์ฟเวอร์
- การจัดการข้อผิดพลาด: ตรวจสอบว่าโค้ดฝั่งเซิร์ฟเวอร์จัดการข้อผิดพลาดจากการเรียก API ภายนอกได้อย่างมีประสิทธิภาพเพื่อป้องกันไม่ให้แอปขัดข้อง