สร้าง 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 3 Flash มาแล้ว! เก่งไม่แพ้ตัว Pro แต่เร็วและคุ้มค่ากว่าจริงหรือ?

สรุปครบจบทุกเรื่องของ Gemini 3 Flash โมเดล AI น้องใหม่จาก Google ที่เคลมว่าคุณภาพใกล้เคียง Gemini 3 Pro แต่เร็วกว่าและต้นทุนต่ำกว่า เหมาะกับธุรกิจ SME อย่างไร?

GPT-5.2 เปิดตัวแล้ว เก่งแค่ไหน? สรุปครบทุกเรื่องที่คนทำงานต้องรู้

เจาะลึก GPT-5.2 โมเดล AI ล่าสุดจาก OpenAI ที่ออกแบบมาเพื่องานระดับโปร ทั้งเขียนโค้ด วิเคราะห์ข้อมูลยาวๆ ทำสเปรดชีต‑พรีเซนต์ และ AI Agent อัปเดตครั้งนี้จะเปลี่ยนโลกการทำงานไปแค่ไหน อ่านเลย

อยากเก่ง AI? ต้องเปลี่ยน Mindset จาก ‘ผู้ใช้’ เป็น ‘ผู้ถาม’ และ ‘ผู้ตัดสินใจ’

ในยุค AI การใช้เครื่องมือเป็นอย่างเดียวไม่พอ ต้องเปลี่ยน Mindset เป็นผู้ตั้งคำถามและผู้ตัดสินใจที่ดี บทความนี้จะพาคุณไปดูวิธีคิดและทักษะที่จำเป็น

สรุป 37 ข้อ OpenAI DevDay 2025

OpenAI จัดงาน DevDay 2025 ที่ Fort Mason ในซานฟรานซิสโกเมื่อวันที่ 6 ตุลาคม 2025 มาดูสรุป 37 ข้อจากงานกันนะครับ

Vibe Coding: เมื่อการเขียนโปรแกรมไม่ใช่เรื่องของโปรแกรมเมอร์อีกต่อไป

ทำความรู้จัก Vibe Coding เทรนด์ใหม่ที่ใช้ AI ช่วยเขียนโปรแกรมจากภาษาพูด ทำให้ทุกคนสามารถสร้างซอฟต์แวร์ได้โดยไม่ต้องมีพื้นฐานโค้ดดิ้ง เหมาะสำหรับสตาร์ทอัพและธุรกิจที่ต้องการสร้างนวัตกรรมอย่างรวดเร็ว

Related Article

Gemini 3 Flash มาแล้ว! เก่งไม่แพ้ตัว Pro แต่เร็วและคุ้มค่ากว่าจริงหรือ?

สรุปครบจบทุกเรื่องของ Gemini 3 Flash โมเดล AI น้องใหม่จาก Google ที่เคลมว่าคุณภาพใกล้เคียง Gemini 3 Pro แต่เร็วกว่าและต้นทุนต่ำกว่า เหมาะกับธุรกิจ SME อย่างไร?

Google A2UI คืออะไร? เมื่อ AI ไม่ได้แค่ตอบคำถาม แต่สร้างหน้าจอแอปให้เราได้ทันที

ทำความรู้จัก A2UI โครงการใหม่จาก Google Cloud ที่ให้ AI อย่าง Gemini สร้างและอัปเดต UI ของแอปได้แบบไดนามิก พลิกโฉมการพัฒนาแอปและประสบการณ์ผู้ใช้

GPT-5.2 เปิดตัวแล้ว เก่งแค่ไหน? สรุปครบทุกเรื่องที่คนทำงานต้องรู้

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