快速指南：10分钟部署个性化ChatGPT网站实践

article/2025/4/22 18:17:41

在本指南中，我们将带领您快速部署一个属于自己的ChatGPT网站。这个网站将允许用户与您的AI模型进行交互。我们将使用Python语言编写后端代码，并通过Flask轻量级Web框架搭建网站。现在，让我们开始吧！

准备工作
首先，确保您的计算机上安装了Python和以下依赖库：
在这里插入图片描述

Flask：用于搭建Web框架
OpenAI：用于与GPT模型进行交互
可以通过以下命令安装：

pip install Flask openai

1.创建Flask应用

首先，创建一个名为app.py的文件，然后在其中编写以下代码：

from flask import Flask, render_template, request, jsonify
import openaiapp = Flask(__name__)@app.route("/")
def home():return render_template("index.html")@app.route("/api/chat", methods=["POST"])
def chat():message = request.json["message"]response = get_gpt_response(message)return jsonify({"response": response})def get_gpt_response(message):# 在这里调用GPT模型，将消息传递给模型并获取回复# 示例代码：# response = openai.Completion.create(engine="text-davinci-002", prompt=message, max_tokens=150, n=1, stop=None, temperature=0.5)# return response.choices[0].text.strip()return "你好，这是一个示例回复。"if __name__ == "__main__":app.run(debug=True)

2.创建前端模板

在项目根目录下创建一个名为templates的文件夹，并在其中创建一个名为index.html的文件。将以下HTML代码粘贴到该文件中：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>个性化ChatGPT网站实践</title>
</head>
<body><h1>欢迎来到ChatGPT网站实践！</h1><form id="chat-form"><label for="message">输入消息：</label><input type="text" id="message" required><button type="submit">发送</button></form><div id="chat-history"></div><script>const chatForm = document.getElementById("chat-form");const chatHistory = document.getElementById("chat-history");chatForm.addEventListener("submit", async (event) => {event.preventDefault();const message = document.getElementById("message").value;chatHistory.innerHTML += `<p>你：${message}</p>`;const response = await fetch("/api/chat", {method: "POST",headers: {"Content-Type": "application/json"},body: JSON.stringify({ message })});const data = await response.json();chatHistory.innerHTML += `<p>AI：${data.response}</p>`;document.getElementById("message").value = "";});
</script>
</body>
</html>