chatgpt react express

แอป CHATGPT React

นี่คือแอปพลิเคชั่นที่อิงตามปฏิกิริยาที่ใช้ประโยชน์จากพลังของ Chatgpt API ของ OpenAI เพื่อสร้างการตอบสนองที่เหมือนมนุษย์ในส่วนต่อประสานการแชท readme.md นี้จะแนะนำคุณเกี่ยวกับการตั้งค่าและการใช้งานแอพนี้ Express Server ทำหน้าที่เป็นพร็อกซีในการสื่อสารกับ CHATGPT API โดยใช้ GPT-Turbo เนื่องจากแพ็คเกจ OpenAI มีปัญหาในการใช้รุ่น GPT-3.5-turbo

สารบัญ

1. คุณสมบัติ
2. ข้อกำหนดเบื้องต้น
3. การติดตั้ง
4. การใช้งาน
5. การบริจาค
6. ใบอนุญาต

- คุณสมบัติ

• ส่วนหน้าตามปฏิกิริยาที่ให้ประสบการณ์ผู้ใช้ที่ราบรื่น
• การบูรณาการกับ CHATGPT API ของ OpenAI สำหรับการสร้างภาษาธรรมชาติที่ทรงพลัง
• อินเทอร์เฟซแชทตอบสนองที่ปรับให้เข้ากับขนาดหน้าจอต่างๆ
• การจัดการข้อผิดพลาดอย่างละเอียดเพื่อให้แน่ใจว่าประสบการณ์ที่ราบรื่น

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

ก่อนที่คุณจะเริ่มต้นตรวจสอบให้แน่ใจว่าคุณติดตั้งดังต่อไปนี้:

• node.js (v14 หรือสูงกว่า)
• NPM (V7 หรือสูงกว่า)
• คีย์ OpenAI API (ลงทะเบียนที่นี่หากคุณไม่มี)

การติดตั้ง

หากต้องการตั้งค่าโครงการบนเครื่องในพื้นที่ของคุณให้ทำตามขั้นตอนเหล่านี้:

1. โคลนที่เก็บ:

git clone https://github.com/yourusername/chatgpt-react-express-app.git

2. เปลี่ยนเป็นไดเรกทอรีโครงการ:

 cd chatgpt-react-express-app

3. ติดตั้งการอ้างอิง:

npm install

4. สร้างไฟล์ .env ในไดเรกทอรีรูทและเพิ่มคีย์ OpenAI API ของคุณ:

 REACT_APP_OPENAI_API_KEY=your_openai_api_key

5. แอปพลิเคชันนี้ใช้กระบวนการแยกต่างหากสำหรับส่วนหน้าและส่วนหลัง คุณสามารถเรียกใช้งานเป็นรายบุคคลหรือพร้อมกันโดยใช้สคริปต์ NPM ต่อไปนี้:

เรียกใช้เซิร์ฟเวอร์ back-end เท่านั้น:

npm run server

เรียกใช้เซิร์ฟเวอร์ React React Front-end เท่านั้น:

npm run client

เรียกใช้ทั้งเซิร์ฟเวอร์ back-end และ front-end พร้อมกัน:

npm run dev

แอปพลิเคชันจะทำงานบน http://localhost:3000 เปิดเบราว์เซอร์ของคุณและนำทางไปยังที่อยู่นี้เพื่อเริ่มใช้แอพ

การใช้งาน

1. พิมพ์ข้อความของคุณในฟิลด์อินพุตที่ด้านล่างของอินเตอร์เฟสแชท
2. กด Enter หรือคลิกที่ปุ่ม Send เพื่อส่งข้อความของคุณ
3. แอปพลิเคชันจะส่งข้อความไปยัง API Chatgpt และแสดงการตอบกลับที่สร้างขึ้นในหน้าต่างแชท
4. คุณสามารถสนทนาต่อไปโดยส่งข้อความเพิ่มเติม ประวัติการแชทจะปรากฏให้เห็นได้ซึ่งจะช่วยให้มีการสนทนาที่น่าสนใจและโต้ตอบได้มากขึ้น

- การบริจาค

ยินดีต้อนรับ! หากคุณต้องการปรับปรุงหรือขยายโครงการโปรดทำตามขั้นตอนเหล่านี้:

1. แยกที่เก็บ
2. สร้างสาขาใหม่ด้วยชื่อเชิงพรรณนา
3. ทำการเปลี่ยนแปลงในสาขาใหม่
4. ส่งคำขอดึงพร้อมคำอธิบายโดยละเอียดเกี่ยวกับการเปลี่ยนแปลงของคุณ

เราจะตรวจสอบคำขอดึงของคุณและให้ข้อเสนอแนะหรือรวมการเปลี่ยนแปลงของคุณโดยเร็วที่สุด

- ใบอนุญาต

โครงการนี้ได้รับใบอนุญาตภายใต้ใบอนุญาต MIT ดูไฟล์ใบอนุญาตสำหรับรายละเอียดเพิ่มเติม