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

Meta เปิดตัว Llama 4: AI รุ่นใหม่ที่ทรงพลังกว่าเดิม

Meta เปิดตัว Llama 4 รุ่น Maverick และ Scout พร้อมความสามารถใหม่ๆ ทั้งการประมวลผลภาพ วิดีโอ และภาษา ด้วย context window ถึง 10 ล้านโทเค็น

เจาะลึก Agentic AI: เทคโนโลยีสุดล้ำที่จะเปลี่ยนโลกธุรกิจ

ทำความรู้จัก Agentic AI เทคโนโลยี AI ขั้นสูงที่คิดและตัดสินใจได้เอง พร้อมเจาะลึกกลไกการทำงานและผลกระทบต่อวงการธุรกิจ

Gemini 2.0: AI ตัวใหม่จาก Google ที่น่าจับตามอง

ทำความรู้จัก Gemini 2.0 ตระกูลใหม่จาก Google ที่มาพร้อมความสามารถสุดล้ำ พร้อมเจาะลึกข้อมูลสำคัญที่นักพัฒนาควรรู้

Agentic AI จะปฏิวัติวงการการเงินอย่างไร?

AI ที่ตัดสินใจเองได้จะเปลี่ยนโฉมภาคการเงิน ทั้งด้านประสิทธิภาพ นวัตกรรม และการเข้าถึงบริการทางการเงิน

DeepSeek: AI จีนที่ท้าทายความเป็นผู้นำของสหรัฐฯ

DeepSeek AI จากจีนกำลังสร้างความตื่นตะลึงด้วยประสิทธิภาพที่เทียบเท่า ChatGPT แต่ใช้ทรัพยากรน้อยกว่ามาก มาดูกันว่ามันคืออะไรและน่ากังวลแค่ไหน

Related Article

Make AI Agents: ปฏิวัติระบบอัตโนมัติด้วย Make.com

ค้นพบวิธีใช้ AI Agents บน Make.com เพื่อสร้างระบบอัตโนมัติอัจฉริยะที่ปรับตัวได้ตามสถานการณ์จริง เพิ่มประสิทธิภาพการทำงานแบบก้าวกระโดด

AI Agents: การปฏิวัติระบบอัตโนมัติแห่งอนาคต

AI Agents คืออะไร? ทำไมถึงเปลี่ยนโฉมหน้าการทำ Automation และใช้งานอย่างไรให้เกิดประโยชน์สูงสุดสำหรับธุรกิจของคุณ

Augment Code: ปฏิวัติการพัฒนาซอฟต์แวร์ด้วย AI ที่เข้าใจโค้ดทั้งระบบ

Augment Code เป็น AI agent ที่เข้าใจสถาปัตยกรรมโค้ดทั้งหมด ช่วยแก้ปัญหาใหญ่ในการพัฒนาซอฟต์แวร์ที่มีโค้ดซับซ้อนหลายพันไฟล์
สอบถามข้อมูล