เพิ่มปุ่ม "เปิดใน 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
เนื้อหาของหน้าเว็บนี้ได้รับอนุญาตภายใต้ใบอนุญาตที่ต้องระบุที่มาของครีเอทีฟคอมมอนส์ 4.0 และตัวอย่างโค้ดได้รับอนุญาตภายใต้ใบอนุญาต Apache 2.0 เว้นแต่จะระบุไว้เป็นอย่างอื่น โปรดดูรายละเอียดที่นโยบายเว็บไซต์ Google Developers Java เป็นเครื่องหมายการค้าจดทะเบียนของ Oracle และ/หรือบริษัทในเครือ
อัปเดตล่าสุด 2025-07-25 UTC
[null,null,["อัปเดตล่าสุด 2025-07-25 UTC"],[],[],null,["With Firebase Studio, you can simplify the steps for someone new to\nyour codebase to set up their development environment and get productive.\n\nFor example:\n\n- If you're **working on a team with other contributors** , you can\n [customize your environment](/docs/studio/customize-workspace)\n precisely for your project and then commit your `.idx/dev.nix` file to\n your project's Git repository. That way, when a teammate imports your\n Git repository in Firebase Studio, their new workspace will have\n the exact same configuration as yours, complete with the same system\n packages, IDE extensions, starter scripts, and more.\n\n- If you're **building a framework or library** for others to use, you\n can include a `.idx/dev.nix` file in your sample code repositories, so\n that when a user imports your samples into Firebase Studio, they\n can skip the environment setup and jump straight into trying out your\n framework. You can even [build your own, custom\n template](/docs/studio/custom-templates) as an opinionated,\n customizable starting point for your users.\n\nAfter you're happy with your environment customizations, you can make it\neven easier for others to import your project into Firebase Studio by\nadding an \"Open in Firebase Studio\" button to your documentation, such\nas your project's `README.md` file.\n\nCommon \"Open in Firebase Studio\" entry points\n\nThere are several URL patterns available for an \"Open in\nFirebase Studio\" button:\n\n- To link to the **import a Git repository** flow, prefilled with your Git\n repository URL, use this URL pattern:\n\n https://studio.firebase.google.com/import?url=https://github.com/my-org/my-repo\n\n At this time, only GitHub repositories are supported (both private and\n public).\n- To link to a **predefined workspace template** , find the template\n you're looking for in the\n [Templates](https://studio.firebase.google.com/templates) page in\n Firebase Studio, and copy its URL, which should follow this URL pattern:\n\n https://studio.firebase.google.com/new/gemini\n\n- To link to a **custom template**, prefilled with your template's GitHub URL,\n use this URL pattern:\n\n https://studio.firebase.google.com/new?template=https://github.com/my-org/my-template\n\n- To open the App Prototyping agent with a pre-filled prompt, use this URL\n pattern:\n\n https://studio.firebase.google.com/?prototypePrompt=Create an app that transforms sketches into a high-quality photograph with Gemini\n\nAdd an \"Open in Firebase Studio\" button\n\nInstall the [Open in Firebase Studio\nSDK](https://www.npmjs.com/package/@firebase-studio/open-sdk) or\nuse this tool to generate the HTML for a Firebase Studio button:"]]
