azure openai gpt4 chat

Azure-Openai-GPT4-Chat

แชทแชทแบบสตรีมมิ่งที่เหมือนแชทที่ขับเคลื่อนโดย Azure Openai และ GPT-4

หมายเหตุ: โครงการและเอกสารที่กำลังดำเนินการอยู่

เกี่ยวกับ

นี่คือแอพแชทง่าย ๆ ที่สตรีมข้อความไปและกลับจากอินสแตนซ์ของ Azure OpenAI Services โดยใช้การปรับใช้รุ่น GPT-4

ข้อกำหนดเบื้องต้น

• node.js> = 20.x (ด้วย npm> = v10.x)
• การสมัครสมาชิก Azure
  • เปิดใช้งาน Azure Openai Access
  • Azure Openai Services ปรับใช้พร้อมกับรุ่น GPT-4
    • คีย์ API สำหรับบริการปรับใช้

ทำงานในพื้นที่

1. โคลน repo git clone https://github.com/cu-cit-cloud-team/azure-openai-gpt4-chat.git
2. ป้อนไดเรกทอรี cd azure-openai-gpt4-chat
3. คัดลอก .env.local.example to .env.local และกรอกค่า
4. หากใช้ node.js ที่ติดตั้งในเครื่อง:
   1. ติดตั้งการพึ่งพา npm install
   2. เรียกใช้โครงการในพื้นที่ npm run dev
5. หากใช้ DevContainer:
   1. เปิดใน DevContainer (ติดตั้งโดยอัตโนมัติ)
   2. เรียกใช้โครงการ npm run dev
6. เยี่ยมชม http://localhost:3001 ในเบราว์เซอร์ของคุณ
7. ctrl + c หยุด

คุณสมบัติ

• แชทกับรุ่น Azure Openai GPT-4
• การตอบสนองการแชทสตรีมแบบเรียลไทม์สำหรับประสบการณ์เหมือนแชท GPT
• ใช้ textarea สำหรับอินพุตสำหรับการสนับสนุนหลายบรรทัด
  • โฟกัส textarea บนโหลดหน้า
  • textarea Auto Resizes ในขณะที่คุณพิมพ์
  • enter คีย์เพื่อส่งข้อความ
  • shift + enter สำหรับบรรทัดใหม่
• กำลังโหลดตัวบ่งชี้ถัดจากการตอบสนองการแชทจนกว่าจะเสร็จสิ้น
• รูปแบบบล็อกรหัสและ markdown อื่น ๆ ภายในข้อความแชทได้อย่างดี
• ประวัติการแชทปัจจุบันถูกเก็บไว้ในที่เก็บข้อมูลท้องถิ่นของเบราว์เซอร์
• ข้อความดู/แก้ไขข้อความสำหรับเซสชันการแชท (เช่น "คุณเป็นผู้ช่วย AI ที่เป็นประโยชน์")
• ดู/แก้ไขพารามิเตอร์เซสชันการแชท (เช่นอุณหภูมิ, ด้านบน P, ฯลฯ )
• จำนวนโทเค็นสด (ใช้/เหลืออยู่) แสดงสำหรับข้อความและข้อความระบบ
• เปลี่ยนโมเดล Azure OpenAI (GPT-4, GPT-3.5, ฯลฯ )
• ดาวน์โหลดประวัติการแชทปัจจุบันเป็น JSON
• ล้างประวัติการแชทปัจจุบัน
  • แป้นพิมพ์ลัด ( cmd + esc ) เมื่อ textarea มีโฟกัส
• คัดลอกข้อความเต็มและการตอบกลับไปยังคลิปบอร์ด
  • คัดลอกตัวอย่างรหัสแต่ละตัว (ภายในการตอบกลับ) ไปยังคลิปบอร์ด
• ลบข้อความและการตอบกลับส่วนบุคคลจากประวัติการแชท
• หยุดการตอบกลับที่กำลังสตรีมในขณะนี้ (มีประโยชน์สำหรับการตอบกลับที่ไม่จำเป็น)
• สร้างการตอบกลับครั้งสุดท้ายใหม่
• โฮสต์ผ่านบริการแอพ Azure
  • สร้าง/ปรับใช้กับการกระทำของ GitHub
  • แอพ Azure App Service Locked ผ่านโฆษณาไปยังทีมของเรา
  • พยายามระบุผู้ใช้จากเซสชันเข้าสู่ระบบและปรับแต่งเซสชันการแชทส่วนตัว
• ใช้เวลาสัมพัทธ์สำหรับการประทับเวลาข้อความแชท
  • เวลาสัมพัทธ์มีคำแนะนำเครื่องมือพร้อมการประทับเวลาเต็ม
  • Tooltip แสดงเวลาสำหรับวันเดียวกันและวันที่/เวลาเต็มถ้าเก่ากว่า "วันนี้"
• เปลี่ยนธีมที่มีธีมแสงและความมืดหลายชุด
  • ค่าเริ่มต้นเป็น light หรือ dark ตามการตั้งค่าของระบบ
• เค้าโครงตอบสนอง
• DevContainer เพื่อการพัฒนาในท้องถิ่น

แผนงาน

วางแผน

• ไม่มีฟีเจอร์ใหม่ที่อยู่ระหว่างการพัฒนา

ศักยภาพ

• นำเข้าเซสชันการแชทจาก JSON
• การแชทหลายครั้ง
  • แถบด้านข้างพร้อมรายการการแชทแบบเลื่อนและกรองได้
  • สถานะผ่านการจัดเก็บในท้องถิ่น
  • ลบเซสชันการแชทแต่ละรายการ
  • ส่งออกเซสชันการแชทแต่ละครั้งไปยัง JSON
  • นำเข้าเซสชันการแชทจาก JSON

ใช้

• ตอบโต้
  • กรอบ JavaScript
• next.js
  • กรอบตอบสนอง
• vercel ai sdk
  • JS Library สำหรับ UIS ที่ขับเคลื่อนด้วย AI
• langchain.js
  • JS Library สำหรับการโต้ตอบกับ LLMS (เช่น GPT-4)
• tailwind css
  • กรอบ CSS
• daisyui
  • ไลบรารีส่วนประกอบสำหรับ Tailwind CSS
• Azure Openai Service
  • การปรับใช้ API และโมเดล (GPT-4 และ GPT-3.5)
• Azure App Service
  • แอปพลิเคชันโฮสติ้งและการรับรองความถูกต้องของผู้ใช้
• การกระทำ/เวิร์กโฟลว์ของ GitHub
  • สร้าง/เผยแพร่ไปยัง Azure App Service
  • สร้างการแจ้งเตือน
  • สร้าง GH Release
  • อัปเดตการพึ่งพา