Menambahkan tombol "Open in Firebase Studio"
Tetap teratur dengan koleksi
Simpan dan kategorikan konten berdasarkan preferensi Anda.
Dengan Firebase Studio, Anda dapat mengefisienkan langkah-langkah bagi seseorang yang baru menggunakan codebase Anda untuk menyiapkan lingkungan pengembangan dan menjadi produktif.
Contoh:
Jika bekerja dalam tim dengan kontributor lain, Anda dapat menyesuaikan lingkungan secara tepat untuk project, lalu melakukan commit file .idx/dev.nix ke repositori Git project. Dengan begitu, saat rekan tim mengimpor repositori Git Anda di Firebase Studio, ruang kerja barunya akan memiliki konfigurasi yang sama persis dengan milik Anda, lengkap dengan paket sistem, ekstensi IDE, skrip awal, dan spesifikasi lain yang sama.
Jika Anda membangun framework atau library untuk digunakan orang lain, Anda dapat menyertakan file .idx/dev.nix di repositori kode contoh, sehingga saat pengguna mengimpor contoh ke Firebase Studio, dia dapat melewati penyiapan lingkungan dan langsung mencoba framework Anda. Anda bahkan dapat membuat template kustom Anda sendiri sebagai titik awal yang dapat disesuaikan dan diberi masukan untuk pengguna.
Setelah puas dengan penyesuaian lingkungan, Anda dapat memudahkan orang lain untuk mengimpor project Anda ke Firebase Studio dengan menambahkan tombol "Open in Firebase Studio" ke dokumentasi, seperti file README.md project Anda.
Titik entri umum untuk "Open in Firebase Studio"
Ada beberapa pola URL yang tersedia untuk tombol "Buka di
Firebase Studio":
Untuk menautkan ke alur impor repositori Git, yang telah diisi otomatis dengan URL repositori Git Anda, gunakan pola URL ini:
https://studio.firebase.google.com/import?url=https://github.com/my-org/my-repo
Saat ini, hanya repositori GitHub yang didukung (baik pribadi maupun publik).
Untuk menautkan ke template ruang kerja standar, temukan template yang Anda cari di halaman Template di Firebase Studio, lalu salin URL-nya, yang akan mengikuti pola URL ini:
https://studio.firebase.google.com/new/gemini
Untuk menautkan ke template kustom, yang telah diisi otomatis dengan URL GitHub template Anda,
gunakan pola URL ini:
https://studio.firebase.google.com/new?template=https://github.com/my-org/my-template
Untuk membuka App Prototyping agent dengan prompt yang telah diisi otomatis, gunakan pola
URL ini:
https://studio.firebase.google.com/?prototypePrompt=Create an app that transforms sketches into a high-quality photograph with Gemini
Menambahkan tombol "Open in Firebase Studio"
Instal Open in Firebase Studio SDK atau gunakan alat ini untuk menghasilkan HTML untuk tombol Firebase Studio:
Kecuali dinyatakan lain, konten di halaman ini dilisensikan berdasarkan Lisensi Creative Commons Attribution 4.0, sedangkan contoh kode dilisensikan berdasarkan Lisensi Apache 2.0. Untuk mengetahui informasi selengkapnya, lihat Kebijakan Situs Google Developers. Java adalah merek dagang terdaftar dari Oracle dan/atau afiliasinya.
Terakhir diperbarui pada 2025-08-29 UTC.
[null,null,["Terakhir diperbarui pada 2025-08-29 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:"]]
