เพิ่มปุ่ม "เปิดใน Firebase Studio"

Firebase Studio ช่วยให้คุณลดขั้นตอนสำหรับผู้ที่เพิ่งเริ่มใช้โค้ดเบสของคุณในการตั้งค่าสภาพแวดล้อมการพัฒนาและเพิ่มประสิทธิภาพการทำงานได้

เช่น

  • หากทำงานเป็นทีมร่วมกับผู้มีส่วนร่วมคนอื่นๆ คุณจะ ปรับแต่งสภาพแวดล้อม ให้ตรงกับโปรเจ็กต์ของคุณได้ จากนั้นให้คอมมิต.idx/dev.nixไฟล์ไปยัง ที่เก็บ Git ของโปรเจ็กต์ ด้วยวิธีนี้ เมื่อเพื่อนร่วมทีมนำเข้าที่เก็บ Git ใน Firebase Studio พื้นที่ทำงานใหม่ของเพื่อนร่วมทีมจะมี การกำหนดค่าเหมือนกับของคุณทุกประการ รวมถึงแพ็กเกจระบบเดียวกัน ส่วนขยาย IDE สคริปต์เริ่มต้น และอื่นๆ

  • หากคุณสร้างเฟรมเวิร์กหรือไลบรารีเพื่อให้ผู้อื่นใช้งาน คุณสามารถใส่ไฟล์ .idx/dev.nix ไว้ในที่เก็บโค้ดตัวอย่าง เพื่อให้เมื่อผู้ใช้นำเข้าตัวอย่างของคุณไปยัง Firebase Studio ผู้ใช้จะข้ามการตั้งค่าสภาพแวดล้อมและลองใช้เฟรมเวิร์กของคุณได้โดยตรง คุณยังสร้างเทมเพลตที่กำหนดเองเป็นจุดเริ่มต้นที่ปรับแต่งได้สำหรับผู้ใช้ได้อีกด้วย

หลังจากปรับแต่งสภาพแวดล้อมจนพอใจแล้ว คุณสามารถทำให้ผู้อื่นนำเข้าโปรเจ็กต์ของคุณไปยัง Firebase Studio ได้ง่ายยิ่งขึ้นโดยการเพิ่มปุ่ม "เปิดใน Firebase Studio" ลงในเอกสารประกอบ เช่น ไฟล์ README.md ของโปรเจ็กต์

จุดแรกเข้าทั่วไปของ "เปิดใน Firebase Studio"

รูปแบบ URL ที่ใช้ได้สำหรับปุ่ม "เปิดใน Firebase Studio" มีดังนี้

  • หากต้องการลิงก์ไปยังขั้นตอนนำเข้าที่เก็บ Git ที่กรอก URL ของที่เก็บ Git ไว้ล่วงหน้า ให้ใช้รูปแบบ URL นี้

    https://studio.firebase.google.com/import?url=https://github.com/my-org/my-repo
    

    ปัจจุบันรองรับเฉพาะที่เก็บ GitHub (ทั้งแบบส่วนตัวและ สาธารณะ)

  • หากต้องการลิงก์ไปยังเทมเพลตพื้นที่ทํางานที่กําหนดไว้ล่วงหน้า ให้ค้นหาเทมเพลต ที่คุณต้องการในหน้าเทมเพลตใน Firebase Studio แล้วคัดลอก URL ซึ่งควรเป็นไปตามรูปแบบ URL นี้

    https://studio.firebase.google.com/new/gemini
    
  • หากต้องการลิงก์ไปยังเทมเพลตที่กำหนดเองซึ่งกรอก URL ของ GitHub ของเทมเพลตไว้ล่วงหน้า ให้ใช้รูปแบบ URL นี้

    https://studio.firebase.google.com/new?template=https://github.com/my-org/my-template
    
  • หากต้องการเปิด App Prototyping agent พร้อมพรอมต์ที่กรอกไว้ล่วงหน้า ให้ใช้รูปแบบ URL ต่อไปนี้

    https://studio.firebase.google.com/?prototypePrompt=Create an app that transforms sketches into a high-quality photograph with Gemini
    

เพิ่มปุ่ม "เปิดใน Firebase Studio"

ติดตั้ง Open in Firebase Studio SDK หรือ ใช้เครื่องมือนี้เพื่อสร้าง HTML สำหรับปุ่ม Firebase Studio