Firebase Studio มอบวิธีที่คล่องตัวในการนำเข้าโปรเจ็กต์เว็บแอปที่มีอยู่ ไปยังพื้นที่ทำงาน Firebase Studio ซึ่งช่วยให้คุณทำงานกับโปรเจ็กต์ที่มีอยู่ต่อไปได้ ด้วยความช่วยเหลือที่ทำงานด้วยระบบ AI ของ Firebase Studio และความสามารถในการพัฒนา การติดตั้งใช้งาน และการตรวจสอบที่คล่องตัว
คุณสามารถนำเข้าโปรเจ็กต์จากที่เก็บต้นทาง (GitHub, GitLab หรือ Bitbucket) จาก Figma ด้วยปลั๊กอิน Builder.io Figma หรือจากไฟล์ที่เก็บถาวรในเครื่อง Firebase Studio รองรับการนำเข้าไฟล์ tar ที่บีบอัดด้วย gzip และไฟล์ ZIP ที่มีขนาดไม่เกิน 100 MiB
นอกจากนี้ คุณยังทำซ้ำโปรเจ็กต์ที่มีอยู่เพื่อสร้างสำเนาได้ด้วย
เริ่มต้นใช้งาน
ขั้นตอนที่ 1: นำเข้าโปรเจ็กต์
เข้าสู่ระบบบัญชี Google แล้วเปิด Firebase Studio
คลิกนำเข้าโปรเจ็กต์ กล่องโต้ตอบนำเข้าโปรเจ็กต์จะปรากฏขึ้น
ในช่อง URL ของที่เก็บ ให้ป้อน URL ของที่เก็บ GitHub, GitLab หรือ Bitbucket
ป้อนชื่อโครงการ
หากนำเข้าโปรเจ็กต์ Flutter ให้เปิดใช้นี่คือแอป Flutter หากไม่ ได้นำเข้าโปรเจ็กต์ Flutter ให้ยกเลิกการเลือกช่องทำเครื่องหมาย
คลิกนำเข้า
หากที่เก็บเป็นแบบส่วนตัว ระบบจะแจ้งให้คุณตรวจสอบสิทธิ์กับผู้ให้บริการที่เกี่ยวข้อง
- สำหรับ GitHub ให้ทำตามข้อความแจ้งเพื่อคัดลอกโทเค็นเพื่อการเข้าถึง
- สำหรับ GitLab คุณสามารถใช้รหัสผ่านของบัญชีหรือสร้างโทเค็นบัญชีส่วนตัว
- สำหรับ Bitbucket ให้ใช้ชื่อผู้ใช้ (ไม่ใช่ อีเมล) และรหัสผ่านสำหรับแอป เพื่อตรวจสอบสิทธิ์
ขั้นตอนที่ 2: ติดตั้งการอ้างอิง
โดยค่าเริ่มต้น Firebase Studio จะไม่ติดตั้งการอ้างอิงเมื่อคุณ นำเข้าโปรเจ็กต์ ดังนั้นคุณจะต้องดำเนินการนี้ด้วยตนเองหลังจากการนำเข้าครั้งแรก
เช่น หากนำเข้าแอป Flutter คุณควรเรียกใช้ flutter pub get ใน
เทอร์มินัล หรือ npm install สำหรับแอป JavaScript หรือ TypeScript
คุณสามารถเปลี่ยนการตั้งค่านี้สำหรับผู้ใช้เทมเพลตในอนาคตทั้งหมดและการนำเข้าในอนาคตได้โดยการเพิ่มฮุก onCreate ลงในไฟล์ dev.nix
ในที่เก็บโปรเจ็กต์ คุณกำหนดค่า onCreate เพื่อเรียกใช้คำสั่งบิลด์
ที่เหมาะสมกับโปรเจ็กต์ (เช่น npm install หรือ flutter pub
get) ได้
หลังจากกำหนดค่าแล้ว ระบบจะติดตั้งการขึ้นต่อกันโดยอัตโนมัติทุกครั้งที่ผู้ใช้ นำเข้ารีโปซิทอรีของคุณไปยัง Firebase Studio
ขั้นตอนถัดไป
- ดูข้อมูลเพิ่มเติมเกี่ยวกับFirebase Studio พื้นที่ทำงาน
- ปรับแต่งFirebase Studioพื้นที่ทำงาน
- ดูวิธีที่ Gemini ใน Firebase ช่วยและเร่งFirebaseการพัฒนาแอปด้วยความสามารถในการช่วยตอบคำถาม สร้างและแก้ไขโค้ด แก้ไขข้อบกพร่อง และเรียกใช้เครื่องมือ
- เปลี่ยนโปรเจ็กต์เป็นเทมเพลตที่กำหนดเอง