More
Como Integrar Inteligência Artificial Generativa em Seu App Flutter Usando Firebase Vertex AI
11 min
introdução a ia generativa está se tornando rapidamente algo normal nos aplicativos de hoje; ela permite que os desenvolvedores criem experiências inteligentes e interativas seja geração de texto, análise de conteúdo ou criação de mídia, o firebase vertex ai oferece um conjunto bastante poderoso de ferramentas para realizar essas funcionalidades dentro do seu aplicativo flutter neste tutorial, vamos guiá lo sobre como trazer ia generativa para o seu aplicativo flutter usando o pacote firebase vertexai ao final deste tutorial, pelo menos, você terá um aplicativo funcional que pode acessar a api do gemini para realizar todo tipo de tarefas de ia generativa pré requisitos para completar este tutorial, você precisará uma conta firebase e um projeto firebase configurados você pode se inscrever gratuitamente em firebase https //firebase google com um ambiente de desenvolvimento flutter configurado em sua máquina local siga o guia de instalação do flutter https //flutter dev/docs/get started/install se você ainda não o configurou conhecimento básico de firebase e flutter se você é novo no firebase, confira o guia do firebase para flutter https //firebase flutter dev/docs/overview passo 1 – configurando o firebase e o vertex ai crie um projeto firebase faça login no console do firebase https //console firebase google com/ , crie um novo projeto e ative as apis necessárias para o vertex ai ative a verificação de aplicativo do firebase navegue até as configurações do seu projeto no firebase e ative a verificação de aplicativo do firebase para garantir que todas as chamadas de api estão vindo do seu aplicativo adicione o firebase ao seu aplicativo flutter siga as instruções para conectar seu aplicativo flutter ao seu projeto firebase isso geralmente envolve baixar o google services json para android ou googleservice info plist para ios e colocá lo no diretório correto do seu projeto flutter passo 2 – adicionando dependências necessárias abra seu pubspec yaml arquivo e adicione as seguintes dependências dependencies flutter sdk flutter firebase core latest version firebase vertexai latest version 2\ execute flutter pub get para instalar as dependências passo 3 – inicializando o firebase e o vertex ai em lib/main dart , importe os pacotes necessários do firebase import 'package\ flutter/material dart'; import 'package\ firebase core/firebase core dart'; import 'package\ firebase vertexai/firebase vertexai dart'; 2\ inicialize o firebase e o vertex ai na função void main() async { widgetsflutterbinding ensureinitialized(); await firebase initializeapp(); runapp(myapp()); } 3\ no seu myapp widget, crie uma função para inicializar o modelo 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; } } substitua 'your project id' , 'your location' , e 'your model name' pelos detalhes reais do seu projeto a generatecontent função constrói um prompt, o envia para o modelo vertex ai e retorna o conteúdo gerado passo 4 – construindo prompts e lidando com respostas criando um prompt personalizado você pode criar prompts mais complexos combinando diferentes tipos de dados (texto, imagens, áudio, etc ) por exemplo final prompt = vertexaitextprompt( text 'summarize the following text "the history of ai is fascinating "', ); 2\ lidando com arquivos grandes se seu prompt envolve arquivos grandes, armazene os arquivos no firebase storage e inclua a url do cloud storage do arquivo na sua solicitação final prompt = vertexaitextprompt( text 'analyze the content of this document', fileurl 'gs\ //your bucket name/your file pdf', ); 3\ respostas em streaming se você quiser transmitir a saída da ia à medida que ela se torna disponível, pode usar o generatecontentstream método await for (final partialresponse in generativemodel generatecontentstream(prompt prompt)) { print(partialresponse generatedtext); } passo 5 – testando e implantando o app execute seu app usando flutter run e teste os recursos de geração de ia você deve ver o conteúdo gerado impresso no console uma vez que você confirmou que tudo funciona, pode implantar seu app ou continuar a aprimorá lo com recursos adicionais conclusão neste tutorial, você aprendeu como incluir ia generativa em seu app flutter usando o firebase vertex ai package você pode usar o gemini para fornecer excelentes capacidades de inteligência artificial em um app para geração de texto, análise de dados de conteúdo e muitos outros recursos impulsionados por ia devido à flexibilidade do firebase vertex ai, você pode alterar à vontade as respostas da ia, tornando o perfeito para desenvolver apps inteligentes e interativos veja pub dev para firebase vertex ai, flutterfire e outros pacotes flutter boa codificação!