สร้าง ChatGPT Bot App ด้วย Python และ Streamlit

Generative AIสร้าง ChatGPT Bot App ด้วย Python และ Streamlit

วันนี้จะมาสอนสร้าง Web App ด้วย Python Streamlit นะครับ เป็นการเขียนใช้ ChatGPT เป็น Backend ในการตอบคำถามลูกค้า โดยจะส่งคำถามของ User ผ่าน API ของ ChatGPT และตอบกลับจากทางหน้าเว็บ ซึ่งสะดวกและง่ายมากๆ เลยนะครับ มาลองทำกันเลยครับ ไม่นาน

สิ่งที่ต้องมีก่อนเขียนโปรแกรม

  1. Python environment / Anaconda (Download)
  2. Visual Studio Code (Download)
  3. OpenAI API Key (วิธีขอ API Key)

ถ้าพร้อมกันแล้วก็เริ่มกันได้เลยครับ

เขียน Python สร้าง ChatGPT

สร้างไฟล์ .streamlit/secrets.toml ตัวเก็บ API Key ของ ChatGPT ครับ จากนั้นในไฟล์เพิ่ม Code และใส่ OpenAI API Key เข้าไปนะครับ แก้ เป็น API Key ของเราที่ได้จากขั้นตอนการขอ API Key นะครับ

OPENAI_API_KEY = 'sk-XXXXXXXXXXXXXXXXXXXXXXXXXX'จากนั้นสร้างไฟล์ app.py แล้วใส่เขียน Code ด้านล่างครับ

import openai
import streamlit as st

# Load OpenAI API key
openai.api_key = st.secrets["OPENAI_API_KEY"]

# Introduction
st.title("🧑‍💻 Data-Espresso 💬 Bot")
"""
สวัสดีครับ ผมคือ Data-barista Bot ☕️ . 
ยินดีที่ได้รู้จักนะครับ มีหลายอย่างที่ผมรู้ และผมตอบได้ อยากรู้อะไรถามมาได้เลยครับ แต่อย่าถามกวนนะ เดี๋ยวจะหาว่าไม่เตือน อิๆ 😀
"""

# Set the role of the chat
if "messages" not in st.session_state:
    st.session_state["messages"] = [
    {"role": "system", "content": "You are a data analytics expert called Data-Barista, you love to use emojis. You are professional on data analytics and data science"}
    ]

# Parse user input to the chartGPT API
if prompt := st.chat_input():
    st.session_state.messages.append({"role": "user", "content": prompt})
    st.chat_message("user").write(prompt)
    response = openai.ChatCompletion.create(model="gpt-3.5-turbo-0613", messages=st.session_state.messages)
    msg = response.choices[0].message
    st.session_state.messages.append(msg)
    st.chat_message("assistant").write(msg.content)

จากนั้นไปที่ Terminal แล้ว Run command

streamlit run app.py

ตัวระบบจะเปิดหน้าเว็บ Browser เราก็สามารถ Chat คุยกับเจ้า Bot ของเราได้แล้วครับ

ChatGPT Clone with Streamlit and Python

ลองทำดูนะครับ ถ้าติดคำถามตรงไหนถามมาได้เลยนะครับ

Related articles

เปิดตัว GPT-5: นวัตกรรม AI ที่เปลี่ยนโลกแห่งการสื่อสารและธุรกิจ

เจาะลึก GPT-5 โมเดล AI รุ่นล่าสุดจาก OpenAI ที่รวมการวิเคราะห์เชิงเหตุผลและการโต้ตอบที่รวดเร็วไว้ด้วยกัน พร้อมเปลี่ยนโลกการสื่อสารและขับเคลื่อนธุรกิจไปอีกขั้น

Context Engineering คืออะไร? กุญแจสำคัญที่จะปลดล็อกศักยภาพ AI ให้เหนือกว่าแค่ Prompt

เคยสงสัยไหมว่าทำไม AI บางตัวถึงฉลาดเป็นพิเศษ? คำตอบอาจอยู่ที่ Context Engineering ศาสตร์แห่งการสร้างบริบทให้ AI ทำงานได้แม่นยำและตรงใจกว่าเดิม

สรุป Spark the Next Big Thing: อัปเดต AI ล่าสุดจาก Google Cloud Next ‘2025 ที่ธุรกิจต้องรู้

เจาะลึก session "Spark the Next Big Thing" จากงาน Google Cloud Next Extended Bangkok 2025 อัปเดตล่าสุดเกี่ยวกับ Gemini 2.5, Use Case จากธุรกิจจริง และเครื่องมือ AI ที่จะมาปฏิวัติการทำงาน

พลิกประวัติศาสตร์! OpenAI คว้าเหรียญทองคณิตศาสตร์โอลิมปิก 2025 เทียบชั้นมนุษย์

ระบบ AI ของ OpenAI สร้างประวัติศาสตร์ใหม่ คว้าเหรียญทองคณิตศาสตร์โอลิมปิก 2025 ได้สำเร็จ สะท้อนความก้าวล้ำด้านการใช้เหตุผลและความคิดสร้างสรรค์ของ AI ที่จะเปลี่ยนโฉมวงการเทคโนโลยีและธุรกิจ

เปิดตัว Grok 4, Grok 4 Heavy Model ล่าสุดจาก Elon Musk: AI ที่ฉลาดที่สุดในโลก?

เจาะลึก Grok 4 และ Grok 4 Heavy โมเดล AI ล่าสุดจาก Elon Musk ที่เคลมว่าฉลาดที่สุดในโลก พร้อมความสามารถระดับ PhD และโมเดลพรีเมียมสำหรับงานซับซ้อน

Related Article

เจาะลึก Google Agent Development Kit (ADK) ตัวช่วยสร้าง Agent อัจฉริยะจาก Google

ทำความรู้จัก Google Agent Development Kit (ADK) เฟรมเวิร์ก Open-Source สำหรับสร้าง AI Agent ที่ยืดหยุ่น ทรงพลัง และทำงานร่วมกับเครื่องมืออย่าง CrewAI ได้

GPT-5 โง่ลงจริงหรือ? Sam Altman ออกมาขอโทษ พร้อมแจงเหตุผลเบื้องหลัง

เกิดอะไรขึ้นเมื่อผู้ใช้บ่นว่า GPT-5 “โง่ลง” กว่าที่เคย? Sam Altman CEO ของ OpenAI ออกมาขอโทษและชี้แจงสาเหตุทางเทคนิค พร้อมเผยแนวทางแก้ไข สรุปทุกประเด็นที่คุณต้องรู้

เปิดตัว GPT-5: นวัตกรรม AI ที่เปลี่ยนโลกแห่งการสื่อสารและธุรกิจ

เจาะลึก GPT-5 โมเดล AI รุ่นล่าสุดจาก OpenAI ที่รวมการวิเคราะห์เชิงเหตุผลและการโต้ตอบที่รวดเร็วไว้ด้วยกัน พร้อมเปลี่ยนโลกการสื่อสารและขับเคลื่อนธุรกิจไปอีกขั้น
สอบถามข้อมูล