More
Come integrare l'IA generativa nella tua app Flutter utilizzando Firebase Vertex AI
11 min
introduzione l'ia generativa sta rapidamente diventando una cosa normale nelle app di oggi; consente agli sviluppatori di creare esperienze intelligenti e interattive che si tratti di generazione di testo, analisi dei contenuti o creazione di media, firebase vertex ai offre un insieme di strumenti piuttosto potente per realizzare queste funzionalità all'interno della tua app flutter ti guideremo su come portare l'ia generativa nella tua app flutter utilizzando il pacchetto firebase vertexai in questo tutorial alla fine di questo tutorial, almeno avrai un'applicazione funzionante che può accedere all'api di gemini per svolgere ogni tipo di compito di ia generativa requisiti per completare questo tutorial, avrai bisogno di un account firebase e un progetto firebase configurato puoi registrarti gratuitamente su firebase https //firebase google com un ambiente di sviluppo flutter configurato sul tuo computer locale segui la guida all'installazione di flutter https //flutter dev/docs/get started/install se non l'hai ancora configurato conoscenze di base di firebase e flutter se sei nuovo a firebase, dai un'occhiata alla guida a firebase per flutter https //firebase flutter dev/docs/overview passo 1 – configurazione di firebase e vertex ai crea un progetto firebase accedi al console firebase https //console firebase google com/ , crea un nuovo progetto e abilita le api necessarie per vertex ai abilita firebase app check naviga nelle impostazioni del tuo progetto in firebase e abilita firebase app check per garantire che tutte le chiamate api provengano dalla tua app aggiungi firebase alla tua app flutter segui le istruzioni per collegare la tua app flutter al tuo progetto firebase questo di solito comporta il download del google services json file per android o googleservice info plist per ios e posizionarlo nella directory corretta del tuo progetto flutter passo 2 – aggiunta delle dipendenze richieste apri il tuo pubspec yaml file e aggiungi le seguenti dipendenze dependencies flutter sdk flutter firebase core latest version firebase vertexai latest version 2\ esegui flutter pub get per installare le dipendenze passo 3 – inizializzazione di firebase e vertex ai in lib/main dart , importa i pacchetti firebase necessari import 'package\ flutter/material dart'; import 'package\ firebase core/firebase core dart'; import 'package\ firebase vertexai/firebase vertexai dart'; 2\ inizializza firebase e vertex ai nella main funzione void main() async { widgetsflutterbinding ensureinitialized(); await firebase initializeapp(); runapp(myapp()); } 3\ nel tuo myapp widget, crea una funzione per inizializzare il modello generativo class myapp extends statelesswidget { @override widget build(buildcontext context) { return materialapp( home scaffold( appbar appbar(title text('generative ai with firebase')), body center( child elevatedbutton( onpressed () async { final result = await generatecontent(); print(result); }, child text('generate content'), ), ), ), ); } future\<string> generatecontent() async { // initialize the generative model final vertexai = firebasevertexai instance; final generativemodel = vertexai getgenerativemodel( modelname 'projects/your project id/locations/your location/models/your model name', ); // construct your prompt final prompt = vertexaitextprompt(text 'write a story about a magic backpack'); // optionally, you can set generation configurations final generationconfig = vertexaigenerationconfig( temperature 0 7, responsemimetype 'application/json', ); // generate content final response = await generativemodel generatecontent( prompt prompt, generationconfig generationconfig, ); return response generatedtext; } } sostituisci 'your project id' , 'your location' , e 'your model name' con i dettagli reali del tuo progetto la generatecontent funzione costruisce un prompt, lo invia al modello vertex ai e restituisce il contenuto generato passo 4 – costruzione dei prompt e gestione delle risposte creazione di un prompt personalizzato puoi creare prompt più complessi combinando diversi tipi di dati (testo, immagini, audio, ecc ) ad esempio final prompt = vertexaitextprompt( text 'summarize the following text "the history of ai is fascinating "', ); 2\ gestione di file di grandi dimensioni se il tuo prompt coinvolge file di grandi dimensioni, memorizza i file in firebase storage e includi l'url di cloud storage del file nella tua richiesta final prompt = vertexaitextprompt( text 'analyze the content of this document', fileurl 'gs\ //your bucket name/your file pdf', ); 3\ risposte in streaming se vuoi trasmettere l'output dell'ia man mano che diventa disponibile, puoi utilizzare il generatecontentstream metodo await for (final partialresponse in generativemodel generatecontentstream(prompt prompt)) { print(partialresponse generatedtext); } passo 5 – testare e distribuire l'app esegui la tua app utilizzando flutter run e testa le funzionalità di generazione dell'ia dovresti vedere il contenuto generato stampato nella console una volta confermato che tutto funziona, puoi distribuire la tua app o continuare a migliorarla con funzionalità aggiuntive conclusione in questo tutorial, hai imparato come includere l'ia generativa nella tua app flutter utilizzando il firebase vertex ai package puoi utilizzare gemini per alimentare eccellenti capacità di intelligenza artificiale in un'app per la generazione di testo, analisi dei dati di contenuto e molte altre funzionalità guidate dall'ia grazie alla flessibilità di firebase vertex ai, puoi modificare a piacimento le risposte dell'ia, rendendolo perfetto per sviluppare app intelligenti e interattive vedi pub dev per firebase vertex ai, flutterfire e altri pacchetti flutter buon coding!