จาก Code สู่ Cloud: สร้างบน ChatGPT

Apr 21 2023

ตั้งแต่มือใหม่จนถึงระดับเทพ ฉันสร้าง Chatbot โดยใช้ ChatGPT และ Streamlit ได้อย่างไร คุณเคยสงสัยหรือไม่ว่าจะทำให้ ChatGPT ทำงานในลักษณะใดรูปแบบหนึ่งหรือตอบสนองตามกฎที่กำหนดไว้ล่วงหน้าได้อย่างไร ในฐานะที่เป็นคนที่ใช้ ChatGPT เพื่อช่วยฉันเขียนโค้ดมาหลายสัปดาห์แล้ว ฉันสามารถยืนยันถึงความสามารถอันน่าทึ่งของมันได้ แต่การสร้างปลั๊กอิน ChatGPT ยังไม่สามารถเข้าถึงได้สำหรับพวกเราส่วนใหญ่

ตั้งแต่มือใหม่จนถึงระดับเทพ ฉันสร้าง Chatbot โดยใช้ ChatGPT และ Streamlit ได้อย่างไร

ภาพถ่ายโดย Jefferson Santos บน Unsplash

คุณเคยสงสัยหรือไม่ว่าจะทำให้ ChatGPT ทำงานในลักษณะใดวิธีหนึ่งหรือตอบสนองตามกฎที่กำหนดไว้ล่วงหน้าได้อย่างไร ในฐานะที่เป็นคนที่ใช้ ChatGPT เพื่อช่วยฉันเขียนโค้ดมาหลายสัปดาห์แล้ว ฉันสามารถยืนยันถึงความสามารถอันน่าทึ่งของมันได้ แต่การสร้างปลั๊กอิน ChatGPT ยังไม่สามารถเข้าถึงได้สำหรับพวกเราส่วนใหญ่ อย่างไรก็ตาม มีวิธีแก้ไขที่ฉันพบว่าทั้งง่ายและมีประสิทธิภาพ

แนวทางของฉันขึ้นอยู่กับเงื่อนไขหลายประการ: บรรทัดโค้ดขั้นต่ำ การปรับใช้ที่ง่าย ต้นทุนต่ำ และความสามารถในการขยาย เพื่อให้เป็นไปตามเกณฑ์เหล่านี้ ฉันตัดสินใจใช้ Streamlit ซึ่งเป็นเครื่องมือที่มีประสิทธิภาพสำหรับการสร้างและปรับใช้แอปพลิเคชันบนระบบคลาวด์ ด้วย Streamlit คุณสามารถสร้างการพิสูจน์แนวคิดหรือทดสอบแนวคิดในที่สาธารณะโดยไม่จำเป็นต้องมีความรู้ด้านการเขียนโค้ดหรือประสบการณ์การใช้งานที่กว้างขวาง

แล้วฉันจะสร้างแชทบอทด้วย ChatGPT และ Streamlit ได้อย่างไร ให้ฉันแนะนำคุณตลอดขั้นตอน

ขั้นตอนที่ 1 — นำเข้าการพึ่งพา:
ฉันใช้ Streamlit, Streamlit_chat และแน่นอน OpenAI

ขั้นตอนที่ 2 — การจัดการกับความลับ:
วิธีจัดการกับความลับของ Streamlit คือการสร้างโฟลเดอร์ “.streamlit” และไฟล์ชื่อ “secrets.toml” ภายในโฟลเดอร์ โฟลเดอร์นี้ควรเป็นส่วนหนึ่งของ .gitignore ของคุณ เพื่อที่คุณจะได้ไม่ต้องผูกมัดคีย์ API กับ GitHub

ขั้นตอนที่ 3 — อ่านและดึงข้อมูลดิบ:
ฉันสร้างไฟล์ CSV ด้วยความรู้ที่กำหนดไว้ล่วงหน้าสำหรับ “ระบบ” ของ ChatGPT ฉันใช้ Pandas เพื่ออ่านไฟล์ CSV เป็น DataFrame และแปลงเป็นสตริง

ข้อมูลตัวอย่างซึ่งแปลงเป็นสตริงแล้วโหลดลงในเนื้อหาของระบบ ChatGPT

ขั้นตอนที่ 4 — เริ่มต้นระบบของ ChatGPT:
API ของ ChatGPT ช่วยให้คุณกำหนดเนื้อหาล่วงหน้าสำหรับระบบได้ ฉันสุ่มสร้างตัวตนของ Chatbot ทุกครั้งที่รีเฟรชหน้า

ขั้นตอนที่ 5 — เตรียม UI โดยใช้ Streamlit และเรียก API ของ OpenAI:
UI ตั้งค่าได้ง่ายโดยใช้ Streamlit-chat ซึ่งช่วยให้ปรับแต่งไอคอนแชทได้ด้วย

AI-Yash/st-chat: Streamlit Component สำหรับ Chatbot UI (github.com)

ขั้นตอนที่ 6 — ปรับใช้กับ Streamlit Community Cloud:
ปรับใช้แชทบอทของคุณกับ Streamlit Community Cloud ได้ง่ายๆ เพียงเชื่อมต่อบัญชี GitHub ของคุณกับ Streamlit Community Cloud แล้วคลิก “ปรับใช้”

แค่นั้นแหละ! กุญแจสำคัญของวิธีการนี้คือการโหลด แยก และป้อนสตริงอินพุตลงในเนื้อหาของระบบ ChatGPT

มาดูแอปพลิเคชันที่ฉันพัฒนากัน:

Streamlit ช่วยให้เราสร้าง Web Application ได้โดยไม่ต้องเขียน HTML!

Streamlit-chat ดูแลอินเทอร์เฟซแบบ Chat!

ลองด้วยตัวคุณเอง:

สตรีมไลท์

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