Google AI Studio Vibe Coding: สร้างแอป ข้อจำกัด และการดีพลอย

วิธี vibe coding ใน Build mode ของ Google AI Studio: ขั้นตอน สิ่งที่ทำได้และทำไม่ได้ ขีดจำกัด Starter Tier 2 แอป และวิธีดีพลอยหรือส่งออกแอปของคุณ

คำถามที่พบบ่อย

Vibe coding ใน Google AI Studio คืออะไร

คือ Build mode ที่อยู่ที่ aistudio.google.com/apps คุณอธิบายแอปด้วยภาษาธรรมดา Gemini จะสร้างโค้ดให้ และมีตัวอย่างแบบสดแสดงอยู่ข้างกัน ตามเอกสารของ Google แอปเว็บจะใช้ React ฝั่งหน้าบ้านและรันไทม์ Node.js ฝั่งเซิร์ฟเวอร์เป็นค่าเริ่มต้น และคุณเลือกสร้างแอป Android แบบเนทีฟ (Kotlin และ Jetpack Compose) ได้ด้วย คุณปรับผลลัพธ์ได้โดยการแชตหรือใช้โหมด annotation บนพรีวิว ตรวจสอบเอกสารเมื่อพฤศจิกายน 2026

Vibe coding ใน Google AI Studio ใช้ฟรีหรือไม่

เอกสาร Build and deploy ของ Google ไม่ได้ระบุโควตาฟรี แต่ระบุว่าการเรียก API จากแอปของคุณนับรวมในขีดจำกัดการใช้งานของคุณ และอาจมีค่าใช้จ่ายหากใช้โมเดลแบบเสียเงิน Starter Tier ให้บัญชีที่มีสิทธิ์เผยแพร่แอปฟูลสแตกได้สูงสุดสองแอปโดยไม่ต้องมีโปรเจกต์ Google Cloud หรือบัญชีเรียกเก็บเงิน แต่ค่าบริการ Cloud Run อาจเกิดขึ้นตามการใช้งาน ดูอัตราปัจจุบันของบัญชีคุณได้ที่หน้า Billing ใน AI Studio

ดีพลอยแอปที่สร้างใน Google AI Studio อย่างไร

คลิก Publish ที่มุมขวาบน หากใช้ Starter Tier ให้คลิก Get Started แล้วคลิก Publish App จากนั้นคุณจะได้ URL ของ Cloud Run ส่วนการดีพลอยแบบมาตรฐานต้องมีโปรเจกต์ Google Cloud ที่เชื่อมกับบัญชี AI Studio และเปิดใช้การเรียกเก็บเงินแล้ว คุณยังซิงก์โปรเจกต์ไปที่ GitHub หรือดาวน์โหลดเป็นไฟล์ ZIP เพื่อโฮสต์เองได้

ส่งออกแอป Google AI Studio ไปที่ GitHub หรือโฮสต์ของตัวเองได้ไหม

ได้ AI Studio รองรับการซิงก์ GitHub สองทาง จัดการได้จากแท็บ GitHub ใน Settings พร้อมข้อความคอมมิตที่ AI เขียนให้ และกล่องโต้ตอบ Resolve conflicts คุณยังดาวน์โหลดเป็น ZIP ได้ด้วย หากนำโค้ดไปรันที่อื่น คุณต้องตั้งค่าตัวแปรสภาพแวดล้อม GEMINI_API_KEY เอง

คีย์ Gemini API ของฉันจะถูกเปิดเผยในแอปที่เผยแพร่หรือไม่

สำหรับแอปเว็บใหม่ เอกสารของ Google ระบุว่า AI Studio เก็บ GEMINI_API_KEY เป็นความลับฝั่งเซิร์ฟเวอร์ ดูได้ในแผง Secrets และจะไม่ถูกรวมไว้ในโค้ดฝั่งไคลเอนต์ แอปที่ดีพลอยแล้วใช้คีย์นี้กับการเรียก Gemini ของผู้เข้าชมทุกคน ดังนั้นการใช้งานของพวกเขาจึงนับรวมในขีดจำกัดและค่าใช้จ่ายของคุณ

ใครใช้ Starter Tier เพื่อเผยแพร่แอปได้บ้าง

หน้าการดีพลอยของ Google ระบุว่าบัญชีที่ลงชื่อเข้าใช้ด้วยบัญชี Google Workspace ไม่มีสิทธิ์ เช่นเดียวกับบัญชีที่มีบัญชีเรียกเก็บเงิน Google Cloud แบบเสียเงินที่ยังใช้งานอยู่หรือเคยใช้มาก่อน หรือบัญชีที่มีหลักฐานการใช้งานไม่เพียงพอ และทีมซัพพอร์ตไม่สามารถยกเว้นเงื่อนไขสิทธิ์ได้ หากคุณไม่มีสิทธิ์ ให้ใช้การดีพลอยแบบมาตรฐานกับโปรเจกต์ Google Cloud ที่เปิดใช้การเรียกเก็บเงิน

คำตอบสั้นๆ: Vibe coding ของ Google AI Studio อยู่ใน Build mode ที่ aistudio.google.com/apps คุณอธิบายแอป Gemini จะเขียน React ฝั่งหน้าบ้านพร้อมเซิร์ฟเวอร์ Node.js (หรือแอป Android แบบเนทีฟ) ให้ แล้วคุณค่อยๆ ปรับไปบนพรีวิวสด เมื่อใช้งานได้แล้ว คลิก Publish เพื่อนำขึ้น Cloud Run ซิงก์ไปที่ GitHub หรือดาวน์โหลดเป็น ZIP ตรวจสอบข้อจำกัดด้านล่างก่อนแชร์ลิงก์ เพราะการเรียก Gemini ของผู้เข้าชมจะใช้คีย์ของคุณ รายละเอียดทั้งหมดตรวจสอบกับเอกสารของ Google เมื่อพฤศจิกายน 2026

Build mode ทำอะไรได้จริง

Build mode คือสภาพแวดล้อมที่เปลี่ยนพรอมต์เป็นแอปภายใน AI Studio ตามเอกสารของ Google:

แอปเว็บ (ค่าเริ่มต้น): React ฝั่งหน้าบ้านพร้อมรันไทม์ Node.js ฝั่งเซิร์ฟเวอร์สำหรับเรียก API อย่างปลอดภัย เชื่อมต่อฐานข้อมูล และใช้แพ็กเกจ npm เอเจนต์จะติดตั้งแพ็กเกจให้ตามที่จำเป็น
แอป Android: Kotlin และ Jetpack Compose แสดงตัวอย่างในอีมูเลเตอร์บนเบราว์เซอร์ ติดตั้งลงอุปกรณ์ผ่าน ADB ในเบราว์เซอร์ได้ และเผยแพร่ไปที่ Play Store เพื่อทดสอบภายในได้
การเชื่อมต่อในตัว: Firebase Firestore และ Firebase Authentication (Sign in with Google) การเชื่อมต่อ Google Workspace เช่น Gmail, Sheets, Docs, Drive และ Calendar พร้อมตั้งค่า OAuth อัตโนมัติ และสถานะแบบมัลติเพลเยอร์ที่รันไทม์ฝั่งเซิร์ฟเวอร์จัดการให้
ฐานข้อมูลอื่น: เอกสารระบุว่าคุณใช้ที่เก็บข้อมูลใดก็ได้ที่เข้าถึงผ่านเครือข่ายได้ โดยขึ้นอยู่กับข้อจำกัดของไฟร์วอลล์เรื่องช่วง IP แบบไดนามิก

หากยังไม่คุ้นกับคำนี้ บทความอธิบาย vibe coding คืออะไร ของเราอธิบายแนวคิดไว้ Build mode เป็นหนึ่งในรูปแบบการใช้งานแนวคิดนี้

วิธี vibe code แอปใน Google AI Studio

เปิด Build mode ไปที่ aistudio.google.com/apps แล้วเลือกแอปเว็บ (ค่าเริ่มต้น) หรือ Android แบบเนทีฟในตัวเลือกแพลตฟอร์ม
เขียนพรอมต์ อธิบายว่าใครใช้แอป หน้าจอหลักแสดงอะไร และแอปจัดการข้อมูลอะไร คุณใช้ AI Chips เพื่อเพิ่มฟีเจอร์ เช่น การสร้างภาพหรือข้อมูล Google Maps หรือพูดแทนการพิมพ์ด้วย speech-to-text ก็ได้ ปุ่ม “I'm Feeling Lucky” จะสร้างไอเดียให้เมื่อคุณนึกไม่ออก
หรือเริ่มจากของที่มีอยู่ เปิดแอปใน App Gallery แล้วเลือก Copy App เพื่อรีมิกซ์ หรือใช้ Import from GitHub จากเมนู Add files (+) ในช่องพรอมต์
รันและดูพรีวิว ไฟล์ที่สร้างจะแสดงพร้อมพรีวิวสดทางขวา แท็บ Code แสดงซอร์สโค้ด
ปรับทีละนิด ขอให้แก้ทีละอย่างต่อหนึ่งข้อความ สำหรับการปรับหน้าตา ใช้โหมด annotation: ไฮไลต์ส่วนของ UI แล้วอธิบายสิ่งที่ต้องการเปลี่ยน
จัดการสิทธิ์ หากแอปต้องใช้กล้อง ไมโครโฟน หรือตำแหน่งที่ตั้ง เอกสารให้ระบุ browser API เหล่านั้นใน metadata.json ภายใต้ requestFramePermissions
ตรวจสอบ secrets เปิดแผง Secrets ใน Settings เพื่อดู GEMINI_API_KEY และเพิ่มคีย์อื่นที่โค้ดฝั่งเซิร์ฟเวอร์ของคุณต้องใช้
บันทึกหรือเผยแพร่ ซิงก์ไป GitHub ดาวน์โหลด ZIP หรือคลิก Publish

วิธีเขียนพรอมต์ให้ได้ร่างแรกที่ดีขึ้น

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

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

เปรียบเทียบตัวเลือกการดีพลอยและการส่งออก

ตัวเลือก	สิ่งที่ได้	ข้อกำหนด (ตามเอกสารของ Google)	ข้อควรระวัง
Publish, Starter Tier	URL ของ Cloud Run และซับโดเมน your-app-name.ai.studio (ไม่บังคับ)	บัญชีที่มีสิทธิ์ ไม่ต้องมีโปรเจกต์ Google Cloud หรือบัญชีเรียกเก็บเงิน	รวมสูงสุดสองบริการ ใช้ได้ใน Cloud Run หนึ่งภูมิภาค บัญชี Workspace และบัญชีที่มี Cloud billing แบบเสียเงินไม่มีสิทธิ์
Publish, การดีพลอยแบบมาตรฐาน	บริการ Cloud Run ที่ขยายขนาดได้	โปรเจกต์ Google Cloud ที่เชื่อมกับ AI Studio และเปิดใช้การเรียกเก็บเงิน	ค่าบริการ Cloud Run อาจเกิดขึ้นตามการใช้งาน
ซิงก์ GitHub	ซิงก์รีโปสองทางพร้อมข้อความคอมมิต	แท็บ GitHub ใน Settings	แก้ merge conflict ในกล่องโต้ตอบ
ดาวน์โหลด ZIP	โค้ดที่นำไปรันได้ทุกที่	ตั้งค่า GEMINI_API_KEY เอง	คุณดูแลโฮสติ้ง secrets และการอัปเดตเอง

บน Starter Tier การเผยแพร่ใช้สามคลิก: Publish, Get Started, Publish App หากคุณมีแอปออนไลน์อยู่แล้วสองแอป ต้องยกเลิกการเผยแพร่หนึ่งแอปหรืออัปเกรด ซับโดเมนแบบกำหนดเองใช้หลักมาก่อนได้ก่อน และจะถูกปล่อยคืนเมื่อคุณยกเลิกการเผยแพร่หรือลบแอป

ข้อจำกัดและความเสี่ยงที่ควรรู้ก่อนแชร์

คีย์ของคุณจ่ายแทนผู้เข้าชมทุกคน แอปที่ดีพลอยแล้วใช้คีย์ Gemini API ของคุณกับการเรียกของผู้ใช้ทั้งหมด และเอกสารเตือนว่าอาจมีค่าใช้จ่ายหากใช้โมเดลแบบเสียเงิน AI Studio จะเตือนคุณก่อนแชร์
แอปเริ่มต้นเป็นส่วนตัว คนที่คุณแชร์ให้เห็นและ fork โค้ดได้ และคนที่ได้สิทธิ์แก้ไขก็แก้โค้ดได้
ไม่มีการแก้ไขร่วมกันแบบสด เอกสารของ Google ระบุว่าไม่รองรับการแก้ไขร่วมกันแบบเรียลไทม์ ทีมต้องทำงานร่วมกันผ่านรีโป GitHub ที่ใช้ร่วมกัน
ลิงก์ที่แชร์อาจเปิดไม่ได้ เอกสารกล่าวถึงข้อผิดพลาด 403 Access Restricted ที่เกิดจากส่วนขยายความเป็นส่วนตัว เช่น Privacy Badger หรือจากข้อผิดพลาดในการบิลด์
คุณรับผิดชอบพฤติกรรมของแอป แอปอาจถูกลบหากละเมิดนโยบาย และนักพัฒนาต้องรับผิดชอบต่อพฤติกรรมและข้อมูลของแอป
แอปรุ่นเก่า แอปที่สร้างก่อนวันที่ 14 พฤษภาคม 2026 จะถูกอัปเกรดเป็นแนวทางคีย์ฝั่งเซิร์ฟเวอร์ในครั้งถัดไปที่มีการแก้ไขฟีเจอร์ Gemini

หน้าเอกสารของ Google ที่เราอ่านไม่ได้ระบุตัวเลขคำขอหรือโทเคนของระดับฟรี เราจึงไม่อ้างตัวเลขใดๆ ดูสิ่งที่ใช้กับบัญชีของคุณได้ที่หน้า Billing ใน AI Studio

ก่อนเผยแพร่: เช็กลิสต์ที่คัดลอกไปใช้ได้

[ ] แอปทำงานได้ในพรีวิวเมื่อใช้โปรไฟล์เบราว์เซอร์ใหม่ ไม่ใช่แค่โปรไฟล์ที่คุณล็อกอินอยู่
[ ] Secrets อยู่ในแผง Secrets ไม่ได้วางไว้ในโค้ดหรือพรอมต์
[ ] คุณรู้ว่าแอปที่ดีพลอยแล้วจะใช้คีย์ Gemini ของใคร และวันที่มีคนเข้าเยอะจะมีค่าใช้จ่ายเท่าไร
[ ] ตรวจสอบกฎของ Firestore หรือฐานข้อมูลแล้ว เพื่อไม่ให้ผู้เข้าชมอ่านหรือเขียนสิ่งที่ไม่ควร
[ ] ทดสอบบนหน้าจอขนาดมือถือแล้ว
[ ] ซิงก์รีโปไป GitHub แล้ว เพื่อให้มีสำเนาอยู่นอก AI Studio
[ ] ตรวจสอบสิทธิ์ Starter Tier แล้ว หรือเตรียมโปรเจกต์ Cloud ที่เปิดใช้การเรียกเก็บเงินไว้แล้ว

แอปที่ AI สร้างอาจดูเสร็จสมบูรณ์ทั้งที่ซ่อนช่องโหว่ด้านการตรวจสอบข้อมูลและการควบคุมสิทธิ์ไว้ ซึ่งเราเล่าไว้ใน ช่องว่างด้านความน่าเชื่อถือของ vibe coding สำหรับเว็บไซต์

เมื่อ Build mode ไม่ใช่เครื่องมือที่เหมาะ

Build mode เหมาะกับโปรโตไทป์ เครื่องมือภายในองค์กร และแอปโต้ตอบขนาดเล็กที่เรียก Gemini แต่เป็นทางที่หนักเกินไปสำหรับเว็บไซต์ธุรกิจทั่วไปที่ต้องการโดเมน แบบฟอร์มติดต่อ และการมองเห็นบนเสิร์ช นอกจากนี้ บริการ Cloud Run ที่อยู่หลังซับโดเมน ai.studio ก็ไม่เหมือนกับเว็บไซต์ที่คุณดูแลเรื่อง SEO ได้เต็มที่ หากกำลังเปรียบเทียบโฮสต์ที่ง่ายกว่า ดูรายการ ทางเลือกแทน Google Sites ของเรา และเมื่อเว็บไซต์ออนไลน์แล้ว ให้ตั้งค่า Google Search Console เพื่อดูว่าเว็บถูกจัดทำดัชนีอย่างไร

สำหรับเว็บไซต์ทั่วไปที่ไม่ใช่แอปแบบกำหนดเอง แผนฟรีของ We.Inc ให้คุณเผยแพร่ได้สูงสุดสามเว็บไซต์จากเทมเพลตสำเร็จรูป ส่วน AI builder ที่ร่างเว็บไซต์จากพรอมต์เริ่มที่แผน Starter ราคา $20 ต่อเดือน คุณสมัครได้ที่นี่

เริ่มต้นฟรี · ไม่ต้องใช้บัตรเครดิต

Umair Ali Sadaqat

ผู้ก่อตั้ง We.Inc

Umair เป็นผู้ก่อตั้ง We.Inc เขาเขียนเกี่ยวกับการสร้างเว็บไซต์ด้วย AI เอเจนซี และธุรกิจการบริหารเว็บสตูดิโอ

พร้อมสร้างสิ่งที่ยอดเยี่ยมแล้วหรือยัง

เข้าร่วมกับธุรกิจ 15,000+ รายที่ใช้ We.Inc เปิดตัว เติบโต และทำงานอัตโนมัติ ทั้งหมดจากแพลตฟอร์มเดียว

เริ่มต้นฟรี

ไม่ต้องใช้บัตรเครดิต · ติดต่อฝ่ายขาย