Flutter_GPT

flutter_gpt

นี่คือแอพพลิเคชั่นมือถือที่สร้างขึ้นด้วยการกระพือรวม API ของ Openai เข้าด้วยกัน แอพนี้ได้รับการพัฒนาในระหว่างการฝึกงานของฉันที่ Brycen Company ซึ่งมีสองฟังก์ชั่นหลัก: chatbot และเครื่องมือสรุปเอกสาร

พื้นที่เก็บข้อมูลนี้มีแอพมือถือ Flutter ที่ใช้ OpenAI API เพื่อเปิดใช้งานฟังก์ชั่น chatbot อินเทอร์เฟซแอพได้รับการออกแบบด้วยหลายหน้าจอรวมถึงโฮมเพจ, อินพุตคีย์ OpenAI, หน้าจอ Chatbot และสรุปหน้าจอ

โปรดทราบว่าสิ่งที่แสดงด้านล่างเป็นส่วนหนึ่งของอินเทอร์เฟซของแอปและแสดงฟังก์ชันต่าง ๆ ที่มีอยู่ในแอพ Flutter_GPT

อย่าลังเลที่จะสำรวจรหัสและใช้เป็นข้อมูลอ้างอิงสำหรับโครงการของคุณเองหรือดาวน์โหลด APK เพื่อสัมผัสและอย่าลืมแสดงสิ่งนี้?

คุณสมบัติ

• chatbot: ใช้โมเดล LLM GPT-3.5 ด้วยการตอบสนองอย่างรวดเร็วและความเป็นธรรมชาติสำหรับการโต้ตอบการสนทนา
• สรุปเครื่องมือ: การตอบคำถามทั้งหมดที่เกี่ยวข้องกับเอกสารของคุณช่วยในการดึงข้อมูลอย่างรวดเร็วและการสกัดข้อมูลจากแหล่งต่าง ๆ
• เปิดใช้งาน คุณสมบัติหน่วยความจำ และ การแปลงหลายรายการ สำหรับฟังก์ชั่นทั้งสอง
• สนับสนุน .pdf , .txt , .docx และไฟล์เสียงเช่น .mp3 , .wav , .mpga , .mpeg

ส่วนต่อประสานผู้ใช้

flutter_demo.mp4

หน่วยความจำแชท

การติดตั้ง

คุณสามารถดาวน์โหลดไฟล์ APK จากส่วนเผยแพร่ของที่เก็บนี้หรือสร้างแอพจากแหล่งที่มาโดยใช้คำแนะนำด้านล่าง:

1. โคลนที่เก็บนี้ไปยังคอมพิวเตอร์ของคุณ

 git clone https://github.com/ThanhHung2112/Flutter_GPT/

2. ย้ายไปที่โฟลเดอร์

 cd Flutter_GPT/flutter_gpt

3. ติดตั้ง denpendencie

 flutter pub get

4. หากคุณยังใหม่กับ Flutterfire และคุณต้องการใช้ที่เก็บนี้กับ Firebase ของคุณเอง Flow Flutterfire การตั้งค่า

 flutter run

อาจใช้เวลาสักครู่เป็นครั้งแรกที่คุณสร้างแอพนี้

การค้นพบที่น่าสนใจ

หากคุณตั้งค่าคีย์ API ภายในรหัสเช่นนี้คุณสามารถใช้งานต่อไปได้แม้ว่าคีย์จะหมดอายุ

 OpenAI .instance. build (
      token : "<<your-api-keys>>" ,
      baseOption : HttpSetup (
        receiveTimeout : const Duration (seconds : 100 ),
        connectTimeout : const Duration (seconds : 100 ),
      ),
    )

เคล็ดลับนี้ค่อนข้างมีประโยชน์ในขณะที่สร้างรหัสเนื่องจากช่วยให้คุณประหยัดเวลาและทรัพยากรและยังคงใช้งานได้จนถึง 31.07.23

การตั้งค่า flutterfire

ไหลลิงค์ https://firebase.google.com/docs/flutter/setup?platform=ios

1. การตั้งค่าฐานไฟของคุณ

firebase_setup.mp4

พื้นที่จัดเก็บ

เลือกโหมดทดสอบในการจัดเก็บและวางรหัสนี้ที่ Rules Partten

 rules_version = '2';
service firebase.storage {
  match /b/{bucket}/o {
    match /{allPaths=**} {
      allow read, write;
    }
  }
}

2. การตั้งค่าฐาน Firebase ในคอมพิวเตอร์ของคุณ

 npm i -g firebase-tools

 firebase login

 dart pub global activate flutterfire_cli

 flutterfire configure

คุณอาจพบ command not found: flutterfire ในกรณีนี้คุณต้องเพิ่มเส้นทางที่ระบุไว้เมื่อเรียกใช้การเปิดใช้งานการเปิดใช้งาน flutterfire_cli ที่ไม่ตรงกันในสภาพแวดล้อมของคอมพิวเตอร์ของคุณ คุณสามารถ flow fix คำสั่งไม่พบเพื่อแก้ปัญหานี้

หลังจากคำสั่งนี้เรียกไฟล์ firebase_option.dart ในโฟลเดอร์ของคุณ

 flutter pub add firebase_core

เรียกใช้สิ่งนี้อีกครั้งเพื่อให้แน่ใจว่าทุกอย่างที่ติดตั้งในคอมพิวเตอร์ของคุณ

 flutterfire configure

ไม่พบคำสั่งแก้ไข: Flutterfire

1. ในเทอร์มินัลของคุณและเรียกใช้รหัสนี้เพื่อเปิด การตั้งค่าระบบขั้นสูง

 SystemPropertiesAdvanced

2. คลิกตัวแปรสภาพแวดล้อม ในตัวแปรระบบส่วนค้นหาตัวแปรสภาพแวดล้อมพา ธ และเลือก คลิกแก้ไข หากไม่มีตัวแปรสภาพแวดล้อมพา ธ ให้คลิกใหม่
3. ในหน้าต่างตัวแปรระบบแก้ไข (หรือตัวแปรระบบใหม่) ให้ระบุค่าของตัวแปรสภาพแวดล้อมพา ธ (เส้นทางอาจมีลักษณะเช่นนี้ "C: users YourUserName AppData local pub cache bin" ) คลิกตกลง ปิดหน้าต่างที่เหลือทั้งหมดโดยคลิกตกลง
4. คุณอาจต้องรีสตาร์ทคอมพิวเตอร์ของคุณไปยังเส้นทางที่ใช้งานอยู่

กิตติกรรมประกาศ

แอพนี้สร้างขึ้นโดยใช้ไลบรารีและเครื่องมือโอเพนซอร์ซต่อไปนี้:

• กระพือ
• โผ
• Openai GPT
• ฐานไฟ

การติดตามเวลา

วันที่	งาน	หมายเหตุ
12.07.23	การตั้งค่าโครงการ
13➖14.07.23	chatbot ui	ชุดรูปแบบอินเตอร์เฟส chatbot
17➖19.07.23	ส่งและตอบกลับ	ส่งและตอบสนองฟังก์ชั่นข้อความ
21➖23.07.23	aihandler	Integrated Chat_gpt_sdk สำหรับความสามารถของ AI
24.07.23	หน้าแรก UI	ดำเนินการตรวจสอบ iskeyvalid และตั้งค่า Navigator
25➖26.07.23	การเชื่อมต่อ firebase	ตั้งค่า Firebase_cil และนำไปใช้ไฟล์อัปโหลดไปยัง Firebase
28.07.23	แถบด้านข้าง sm chatbot	ทดสอบฟังก์ชั่นการสรุปคุณสมบัติ & chatbot memory, แถบด้านข้าง UI, อัปเดตวิธี getapikey
29.07.23	อัปโหลดไฟล์จากแถบด้านข้าง	อัปโหลดไฟล์/pdf จากแถบด้านข้าง
30.07.23	สรุปโมเดล	SummarizeModel และ Summrizechat Send & ตอบกลับฟังก์ชั่นการทำงานของข้อความและอัปเดต UI แถบด้านข้าง
31.07.23	ดู PDF, AI สรุป	รับและแสดงไฟล์ PDF สร้างวิธีสรุปการแชท
01.08.23	อัปเดตคุณสมบัติ ReadFile & UploadFile Notify	อัปเดตคุณสมบัติการอ่านไฟล์เพื่อรองรับรูปแบบ Docx และ TXT และเพิ่มการแจ้งเตือนการอัปโหลดไฟล์เพื่อประสบการณ์การใช้งานที่ดีขึ้น ปรับปรุงรหัสเพื่อปรับปรุงประสิทธิภาพ
02.08.23	ส่งข้อความถึงหน่วยความจำคำพูดและแชท	อนุญาตให้ผู้ใช้ฟังการตอบสนองของบอท เพิ่มคุณสมบัติหน่วยความจำแชท
08.08.23	เอกสารเสียงและ chunking เอกสาร	อัปโหลดไฟล์เสียงไปยัง Firebase โดยใช้เอกสารสำหรับการประมวลผลและการเพิ่มประสิทธิภาพรหัส
10.08.23	เอกสาร chunking	สรุปเอกสารที่เหมาะสมที่สุดและแก้ไขข้อบกพร่องเล็กน้อย