วิธีย้ายข้อมูลจาก Firebase Studio ไปยัง Antigravity

1. บทนำ

ห้องทดลองนี้จะแนะนําวิธีย้ายข้อมูลพื้นที่ทํางานที่มีอยู่ไปยัง Google Antigravity ซึ่งเป็น IDE แบบ Agentic ที่เน้นโค้ดเป็นหลัก วิดีโอ 1 นาทีนี้จะอธิบายขั้นตอนที่เราจะทำในห้องทดลองนี้

2. ติดตั้ง Antigravity IDE

Antigravity คือ IDE แบบเน้นโค้ดเป็นอันดับแรกของ Google ห้องทดลองนี้ใช้ Antigravity เพื่อทำการเปลี่ยนแปลงโปรเจ็กต์โดยอัตโนมัติ

  1. ไปที่ antigravity.google
  2. ดาวน์โหลดโปรแกรมติดตั้งสำหรับระบบปฏิบัติการของคุณ (macOS, Windows หรือ Linux)
  3. เรียกใช้โปรแกรมติดตั้งและทำตามวิธีการบนหน้าจอ
  4. เปิด Antigravity เพื่อให้แน่ใจว่าทำงานได้อย่างถูกต้อง

3. ติดตั้ง Node.js

Antigravity และ Firebase CLI ใช้ Node.js ตรวจสอบว่าคุณใช้เวอร์ชัน 20 ขึ้นไป

  1. ดาวน์โหลด Node.js เวอร์ชัน LTS จาก nodejs.org
  2. เรียกใช้โปรแกรมติดตั้งและยอมรับการตั้งค่าเริ่มต้น
  3. เปิดเทอร์มินัลแล้วเรียกใช้ node --version เพื่อยืนยันว่าเวอร์ชันเป็น 20.x ขึ้นไป

4. ติดตั้ง Firebase CLI

Firebase CLI ช่วยให้คุณทำให้แอปใช้งานได้จากบรรทัดคำสั่ง

  1. ในเทอร์มินัล ให้เรียกใช้คำสั่งต่อไปนี้เพื่อติดตั้ง CLI ทั่วโลก 
    npm install -g firebase-tools
  2. หากระบบแจ้งให้ขอสิทธิ์ใน macOS หรือ Linux คุณอาจต้องเรียกใช้คำสั่งต่อไปนี้ 
    sudo npm install -g firebase-tools
  3. ยืนยันการติดตั้งโดยทำดังนี้ 
    firebase --version
    ตรวจสอบว่าเวอร์ชันเป็น 15.10.0 ขึ้นไป

5. ส่งออกโปรเจ็กต์จาก Firebase Studio

  1. เปิดพื้นที่ทํางานใน Firebase Studio
  2. คลิกปุ่มย้ายเลยที่ด้านบนของพื้นที่ทำงาน
  3. ทำตามวิธีการบนหน้าจอเพื่อบีบอัดและดาวน์โหลดไฟล์โปรเจ็กต์
    • หมายเหตุ: หากไม่มีหน้าต่างปรากฏขึ้น ให้ตรวจสอบตัวบล็อกป๊อปอัปในแถบที่อยู่ของเบราว์เซอร์
  4. แตกโฟลเดอร์ ZIP ที่ดาวน์โหลดไปยังไดเรกทอรีในเครื่อง

6. เริ่มต้นใช้งานแอปใน Antigravity

  1. เปิดโฟลเดอร์ที่แยกออกมาใน Antigravity
  2. ในแผงตัวแทน ให้เลือกโมเดล Gemini Flash
  3. ป้อนพรอมต์ต่อไปนี้ 
    @fbs-to-agy-export
  4. ทำตามคำแนะนำของตัวแทนและให้ความช่วยเหลือหากได้รับแจ้งให้ดำเนินการเพื่อเปลี่ยนรูปแบบโปรเจ็กต์ให้เสร็จสมบูรณ์

7. ดูตัวอย่างแอปในเครื่อง

  1. ไปที่เมนูเรียกใช้และแก้ไขข้อบกพร่องในแถบด้านข้างซ้าย
  2. คลิกปุ่มเล่นเพื่อเริ่มเซิร์ฟเวอร์การพัฒนาซอฟต์แวร์ภายใน
  3. ทำตามวิธีการในเทอร์มินัลเพื่อดูแอปพลิเคชัน

8. เผยแพร่แอป

  1. เปิดแผงแชทของตัวแทน
  2. ป้อนพรอมต์ต่อไปนี้ 
    Publish my app
  3. เมื่อได้รับข้อความแจ้งให้เรียกใช้ firebase deploy ให้เลือกใช่
  4. ตัวแทนจะลิงก์ไปยัง URL การโฮสต์แอปที่มีอยู่หรือแนะนำการตั้งค่าใหม่ให้คุณ

9. บทสรุป

คุณย้ายข้อมูลโปรเจ็กต์ Firebase Studio ไปยัง Antigravity และติดตั้งใช้งานอีกครั้งโดยใช้เวิร์กโฟลว์แบบเอเจนต์เรียบร้อยแล้ว