Cara Mengintegrasikan AI Generatif di Aplikasi Flutter Anda Menggunakan Firebase Vertex AI

pendahuluan ai generatif dengan cepat menjadi hal yang biasa dalam aplikasi saat ini; ini memungkinkan pengembang untuk menciptakan pengalaman yang cerdas dan interaktif baik itu generasi teks, analisis konten, atau pembuatan media, firebase vertex ai menawarkan seperangkat alat yang cukup kuat untuk mewujudkan fungsionalitas ini dalam aplikasi flutter anda kami akan memandu anda tentang cara membawa ai generatif ke dalam aplikasi flutter anda menggunakan paket firebase vertexai dalam tutorial ini pada akhir tutorial ini, setidaknya, anda akan memiliki aplikasi yang berfungsi yang dapat memanfaatkan api gemini untuk melakukan berbagai tugas ai generatif prasyarat untuk menyelesaikan tutorial ini, anda akan membutuhkan akun firebase dan proyek firebase yang sudah disiapkan anda dapat mendaftar secara gratis di firebase https //firebase google com lingkungan pengembangan flutter yang sudah disiapkan di mesin lokal anda ikuti panduan instalasi flutter https //flutter dev/docs/get started/install jika anda belum menyiapkannya pengetahuan dasar tentang firebase dan flutter jika anda baru mengenal firebase, lihat panduan firebase untuk flutter https //firebase flutter dev/docs/overview langkah 1 – menyiapkan firebase dan vertex ai buat proyek firebase masuk ke firebase console https //console firebase google com/ , buat proyek baru, dan aktifkan api yang diperlukan untuk vertex ai aktifkan firebase app check arahkan ke pengaturan proyek anda di firebase, dan aktifkan firebase app check untuk memastikan bahwa semua panggilan api berasal dari aplikasi anda tambahkan firebase ke aplikasi flutter anda ikuti instruksi untuk menghubungkan aplikasi flutter anda ke proyek firebase anda ini biasanya melibatkan mengunduh file google services json untuk android atau googleservice info plist untuk ios dan menempatkannya di direktori yang benar dari proyek flutter anda langkah 2 – menambahkan ketergantungan yang diperlukan buka pubspec yaml file anda dan tambahkan dependensi berikut dependencies flutter sdk flutter firebase core latest version firebase vertexai latest version 2\ jalankan flutter pub get untuk menginstal dependensi langkah 3 – menginisialisasi firebase dan vertex ai di lib/main dart , impor paket firebase yang diperlukan import 'package\ flutter/material dart'; import 'package\ firebase core/firebase core dart'; import 'package\ firebase vertexai/firebase vertexai dart'; 2\ inisialisasi firebase dan vertex ai di main fungsi void main() async { widgetsflutterbinding ensureinitialized(); await firebase initializeapp(); runapp(myapp()); } 3\ di dalam myapp widget anda, buat fungsi untuk menginisialisasi model generatif 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; } } ganti 'your project id' , 'your location' , dan 'your model name' dengan detail proyek anda yang sebenarnya fungsi generatecontent membangun prompt, mengirimkannya ke model vertex ai, dan mengembalikan konten yang dihasilkan langkah 4 – membangun prompt dan menangani respons membuat prompt kustom anda dapat membuat prompt yang lebih kompleks dengan menggabungkan berbagai jenis data (teks, gambar, audio, dll ) misalnya final prompt = vertexaitextprompt( text 'summarize the following text "the history of ai is fascinating "', ); 2\ menangani file besar jika prompt anda melibatkan file besar, simpan file tersebut di firebase storage dan sertakan url cloud storage file dalam permintaan anda final prompt = vertexaitextprompt( text 'analyze the content of this document', fileurl 'gs\ //your bucket name/your file pdf', ); 3\ streaming responses jika anda ingin mengalirkan keluaran ai saat tersedia, anda dapat menggunakan generatecontentstream metode await for (final partialresponse in generativemodel generatecontentstream(prompt prompt)) { print(partialresponse generatedtext); } langkah 5 – menguji dan menerapkan aplikasi jalankan aplikasi anda menggunakan flutter run dan uji fitur generasi ai anda seharusnya melihat konten yang dihasilkan dicetak di konsol setelah anda mengonfirmasi bahwa semuanya berfungsi, anda dapat menerapkan aplikasi anda atau melanjutkan untuk meningkatkan dengan fitur tambahan kesimpulan dalam tutorial ini, anda belajar bagaimana cara menyertakan ai generatif dalam aplikasi flutter anda menggunakan firebase vertex ai package anda dapat menggunakan gemini untuk memberikan kemampuan kecerdasan buatan yang luar biasa dalam aplikasi untuk generasi teks, analisis data konten, dan banyak fitur berbasis ai lainnya karena fleksibilitas firebase vertex ai, anda dapat mengubah respons ai sesuai keinginan, menjadikannya sempurna untuk mengembangkan aplikasi yang cerdas dan interaktif lihat pub dev untuk firebase vertex ai, flutterfire, dan paket flutter lainnya selamat coding!