สร้าง 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

วิธีสมัครใช้งาน Gemini ปี 2025: คู่มือฉบับสมบูรณ์สำหรับทุกคน

อัปเดตล่าสุด 2025! คู่มือสอนวิธีสมัคร Gemini ทั้งเวอร์ชันฟรี, Advanced และการขอ API Key สำหรับนักพัฒนา พร้อมขั้นตอนและราคาอย่างละเอียดโดย Data-Espresso

เปิดตัว 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 ที่จะเปลี่ยนโฉมวงการเทคโนโลยีและธุรกิจ

Related Article

ซื้อของผ่าน ChatGPT ได้แล้ว วงการ E-commerce ต้องปรับตัวอย่างไร

เมื่อ ChatGPT กลายเป็นผู้ช่วยช้อปปิ้งคนใหม่ ธุรกิจ E-commerce ต้องปรับตัวอย่างไร? ค้นพบวิธีเพิ่มยอดขายและปรับปรุงประสบการณ์ลูกค้าด้วย AI Automation

Cursor อัพเดทกันยา 2025: เจาะลึก Agent Mode และ AI Coding ที่จะเปลี่ยนวิธีเขียนโค้ดของคุณ

เจาะลึกการอัพเดทครั้งใหญ่ของ Cursor AI กันยายน 2025 พบกับ Agent Mode ที่ฉลาดขึ้น, Tab-completion ที่ดีกว่าเดิม และฟีเจอร์อีกมากมายที่นักพัฒนาและธุรกิจต้องรู้

Claude Sonnet 4.5 มาแล้ว! อัพเดทใหญ่ที่อาจเปลี่ยนวิธีที่เราใช้ AI ไปตลอดกาล

เจาะลึก Claude Sonnet 4.5 โมเดล AI ล่าสุดจาก Anthropic ที่เก่งขึ้นทั้งการเขียนโค้ด, สร้าง Agent และทำงานซับซ้อนได้นานขึ้นหลายเท่าตัว เหมาะสำหรับธุรกิจที่ต้องการ AI Automation
สอบถามข้อมูล