Aggiungere un pulsante "Apri in Firebase Studio"
Mantieni tutto organizzato con le raccolte
Salva e classifica i contenuti in base alle tue preferenze.
Con Firebase Studio, puoi semplificare i passaggi per consentire a chi non ha familiarità con la tua codebase di configurare l'ambiente di sviluppo e diventare produttivo.
Ad esempio:
Se lavori in un team con altri collaboratori, puoi
personalizzare l'ambiente
in modo preciso per il tuo progetto e poi eseguire il commit del file .idx/dev.nix nel
repository Git del progetto. In questo modo, quando un collega importa il tuo repository Git in Firebase Studio, il suo nuovo workspace avrà la stessa configurazione del tuo, con gli stessi pacchetti di sistema, estensioni IDE, script iniziali e altro ancora.
Se crei un framework o una libreria da utilizzare per altri, puoi includere un file .idx/dev.nix nei repository di codice di esempio, in modo che quando un utente importa i tuoi esempi in Firebase Studio, possa saltare la configurazione dell'ambiente e iniziare subito a provare il tuo framework. Puoi persino creare un modello personalizzato come punto di partenza personalizzabile per i tuoi utenti.
Dopo aver personalizzato l'ambiente, puoi semplificare ulteriormente l'importazione del progetto in Firebase Studio aggiungendo un pulsante"Apri in Firebase Studio" alla documentazione, ad esempio al file README.md del progetto.
Punti di contatto comuni "Apri in Firebase Studio"
Sono disponibili diversi pattern URL per un pulsante "Apri in
Firebase Studio":
Per collegarti al flusso Importa un repository Git, precompilato con l'URL del repository Git, utilizza questo pattern di URL:
https://studio.firebase.google.com/import?url=https://github.com/my-org/my-repo
Al momento sono supportati solo i repository GitHub (privati e pubblici).
Per creare un link a un modello di spazio di lavoro predefinito, trova il modello
che stai cercando nella
pagina Modelli in
Firebase Studio e copia il relativo URL, che deve seguire questo pattern:
https://studio.firebase.google.com/new/gemini
Per creare un link a un modello personalizzato, precompilato con l'URL GitHub del modello,
utilizza questo pattern URL:
https://studio.firebase.google.com/new?template=https://github.com/my-org/my-template
Per aprire App Prototyping agent con un prompt precompilato, utilizza questo pattern di URL:
https://studio.firebase.google.com/?prototypePrompt=Create an app that transforms sketches into a high-quality photograph with Gemini
Aggiungi un pulsante "Apri in Firebase Studio"
Installa l'SDK Apri in Firebase Studio o utilizza questo strumento per generare l'HTML per un pulsante Firebase Studio:
Salvo quando diversamente specificato, i contenuti di questa pagina sono concessi in base alla licenza Creative Commons Attribution 4.0, mentre gli esempi di codice sono concessi in base alla licenza Apache 2.0. Per ulteriori dettagli, consulta le norme del sito di Google Developers. Java è un marchio registrato di Oracle e/o delle sue consociate.
Ultimo aggiornamento 2025-07-25 UTC.
[null,null,["Ultimo aggiornamento 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:"]]
