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

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

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

สรุป 37 ข้อ OpenAI DevDay 2025

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

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

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

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

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

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

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

Related Article

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

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

สรุป 37 ข้อ OpenAI DevDay 2025

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

รีวิว Perplexity Comet: เมื่อเบราว์เซอร์ AI ทำให้ผมแทบไม่อยากกลับไปใช้ Chrome

เจาะลึก Perplexity Comet เบราว์เซอร์ AI ที่เปลี่ยนการค้นหาข้อมูลแบบเดิมๆ สรุปเนื้อหา ถามตอบได้ทันที เหมาะกับใคร? คุ้มไหมที่จะใช้แทน Chrome? อ่านรีวิวฉบับเต็ม
สอบถามข้อมูล