More
Как интегрировать генеративный ИИ в ваше Flutter-приложение с использованием Firebase Vertex AI
11 мин
введение генеративный ии быстро становится обычным делом в современных приложениях; он позволяет разработчикам создавать умные и интерактивные интерфейсы будь то генерация текста, анализ контента или создание медиа, firebase vertex ai предлагает довольно мощный набор инструментов для реализации этих функций в вашем приложении flutter в этом руководстве мы покажем вам, как внедрить генеративный ии в ваше приложение flutter, используя пакет firebase vertexai к концу этого руководства, по крайней мере, у вас будет работающее приложение, которое может использовать api gemini для выполнения всех видов задач генеративного ии предварительные требования чтобы завершить это руководство, вам потребуется аккаунт firebase и настроенный проект firebase вы можете зарегистрироваться бесплатно на firebase https //firebase google com настроенная среда разработки flutter на вашем локальном компьютере следуйте руководству по установке flutter https //flutter dev/docs/get started/install , если вы еще не настроили её базовые знания о firebase и flutter если вы новичок в firebase, ознакомьтесь с руководством по firebase для flutter https //firebase flutter dev/docs/overview шаг 1 – настройка firebase и vertex ai создайте проект firebase войдите в консоль firebase https //console firebase google com/ , создайте новый проект и включите необходимые api для vertex ai включите проверку приложений firebase перейдите в настройки вашего проекта в firebase и включите проверку приложений firebase, чтобы убедиться, что все вызовы api поступают из вашего приложения добавьте firebase в ваше приложение flutter следуйте инструкциям, чтобы подключить ваше приложение flutter к вашему проекту firebase обычно это включает в себя загрузку файла google services json для android или googleservice info plist для ios и размещение его в правильной директории вашего проекта flutter шаг 2 – добавление необходимых зависимостей откройте ваш pubspec yaml файл и добавьте следующие зависимости dependencies flutter sdk flutter firebase core latest version firebase vertexai latest version 2\ запустите flutter pub get для установки зависимостей шаг 3 – инициализация firebase и vertex ai в lib/main dart , импортируйте необходимые пакеты firebase import 'package\ flutter/material dart'; import 'package\ firebase core/firebase core dart'; import 'package\ firebase vertexai/firebase vertexai dart'; 2\ инициализируйте firebase и vertex ai в функции main void main() async { widgetsflutterbinding ensureinitialized(); await firebase initializeapp(); runapp(myapp()); } 3\ в вашем myapp виджете создайте функцию для инициализации генеративной модели 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; } } замените 'your project id' , 'your location' , и 'your model name' на ваши фактические данные проекта функция generatecontent создает запрос, отправляет его в модель vertex ai и возвращает сгенерированный контент шаг 4 – составление запросов и обработка ответов создание пользовательского запроса вы можете создавать более сложные запросы, комбинируя различные типы данных (текст, изображения, аудио и т д ) например final prompt = vertexaitextprompt( text 'summarize the following text "the history of ai is fascinating "', ); 2\ обработка больших файлов если ваш запрос включает большие файлы, храните файлы в firebase storage и включите url адрес cloud storage файла в ваш запрос final prompt = vertexaitextprompt( text 'analyze the content of this document', fileurl 'gs\ //your bucket name/your file pdf', ); 3\ потоковые ответы если вы хотите получать вывод ии по мере его появления, вы можете использовать метод generatecontentstream await for (final partialresponse in generativemodel generatecontentstream(prompt prompt)) { print(partialresponse generatedtext); } шаг 5 – тестирование и развертывание приложения запустите ваше приложение с помощью flutter run и протестируйте функции генерации ии вы должны увидеть сгенерированный контент, напечатанный в консоли после того как вы подтвердите, что все работает, вы можете развернуть ваше приложение или продолжить его улучшение с помощью дополнительных функций заключение в этом учебном пособии вы узнали, как включить генеративный ии в ваше приложение flutter с помощью firebase vertex ai package вы можете использовать gemini для обеспечения отличных возможностей искусственного интеллекта в приложении для генерации текста, анализа данных контента и многих других функций, управляемых ии благодаря гибкости firebase vertex ai вы можете по своему усмотрению изменять ответы ии, что делает его идеальным для разработки интеллектуальных и интерактивных приложений смотрите pub dev для firebase vertex ai, flutterfire и других пакетов flutter удачного кодирования!