วิธีการรวม Generative AI ในแอป Flutter ของคุณโดยใช้ Firebase Vertex AI

บทนำ generative ai กำลังกลายเป็นสิ่งปกติในแอปพลิเคชันในปัจจุบัน; มันช่วยให้นักพัฒนาสามารถสร้างประสบการณ์ที่ชาญฉลาดและโต้ตอบได้ ไม่ว่าจะเป็นการสร้างข้อความ การวิเคราะห์เนื้อหา หรือการสร้างสื่อ firebase vertex ai มีชุดเครื่องมือที่ทรงพลังสำหรับการทำให้ฟังก์ชันเหล่านี้เป็นจริงในแอป flutter ของคุณ ในบทแนะนำนี้ เราจะพาคุณไปเรียนรู้วิธีการนำ generative ai เข้าสู่แอป flutter ของคุณโดยใช้แพ็กเกจ firebase vertexai ภายในบทแนะนำนี้ เมื่อจบบทแนะนำนี้ อย่างน้อยที่สุด คุณจะมีแอปพลิเคชันที่ทำงานได้ซึ่งสามารถเข้าถึง api ของ gemini เพื่อทำงานต่างๆ ที่เกี่ยวข้องกับ generative ai ได้ ข้อกำหนดเบื้องต้น ในการทำบทแนะนำนี้ให้เสร็จสมบูรณ์ คุณจะต้องมี บัญชี 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 console https //console firebase google com/ , สร้างโครงการใหม่ และเปิดใช้งาน api ที่จำเป็นสำหรับ vertex ai เปิดใช้งาน firebase app check ไปที่การตั้งค่าโครงการของคุณใน firebase และเปิดใช้งาน firebase app check เพื่อให้แน่ใจว่าการเรียก 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\ การตอบสนองแบบสตรีม หากคุณต้องการสตรีมผลลัพธ์ของ ai เมื่อมันพร้อมใช้งาน คุณสามารถใช้ generatecontentstream วิธีการ await for (final partialresponse in generativemodel generatecontentstream(prompt prompt)) { print(partialresponse generatedtext); } ขั้นตอนที่ 5 – การทดสอบและการปรับใช้แอป เรียกใช้แอปของคุณโดยใช้ flutter run และทดสอบฟีเจอร์การสร้าง ai คุณควรเห็นเนื้อหาที่สร้างขึ้นพิมพ์ในคอนโซล เมื่อคุณยืนยันว่าทุกอย่างทำงานได้ คุณสามารถปรับใช้แอปของคุณหรือดำเนินการปรับปรุงด้วยฟีเจอร์เพิ่มเติม บทสรุป ในบทแนะนำนี้ คุณได้เรียนรู้วิธีการรวม generative ai ในแอป flutter ของคุณโดยใช้ firebase vertex ai package คุณสามารถใช้ gemini เพื่อเพิ่มความสามารถด้านปัญญาประดิษฐ์ที่ยอดเยี่ยมในแอปสำหรับการสร้างข้อความ การวิเคราะห์ข้อมูลเนื้อหา และฟีเจอร์ที่ขับเคลื่อนด้วย ai อื่นๆ อีกมากมาย เนื่องจากความยืดหยุ่นของ firebase vertex ai คุณสามารถเปลี่ยนแปลงการตอบสนองของ ai ได้ตามต้องการ ทำให้เหมาะสำหรับการพัฒนาแอปที่ชาญฉลาดและโต้ตอบได้ ดูที่ pub dev สำหรับ firebase vertex ai, flutterfire, และแพ็คเกจ flutter อื่นๆ ขอให้สนุกกับการเขียนโค้ด!