一文读懂如何搭建自己的ChatGPT聊天网站

在数字时代的浪潮下，人工智能正变得愈发令人惊叹和亲近。ChatGPT，就是这个变革的杰出代表。这项令人兴奋的技术将强大的自然语言处理能力带到您的指尖，让您能够以前所未有的方式与计算机进行互动。

本文将引导您走进 ChatGPT 的神奇世界，向您展示如何通过简单的 API 调用和灵活的 Flask 框架搭建一个个性化的、与 ChatGPT 互动的网页界面。不再局限于干燥的命令行，您将能够在自己设计的界面中轻松输入问题，获得即时、生动、人性化的回答。

前期准备

首先您得有一个ChatGPT账号，并且处于登录转态，然后您这边需在你的电脑端启动你的魔法。

申请API

进入网址：https://platform.openai.com/

右上角进入【View API keys】：https://platform.openai.com/account/api-keys

点击【Create new secret key】：

生成成功，自己复制出来并保存好，只会看到一次，如果忘了只能删除并重新生成一个。

目前注册的账号只有5美元的使用额度了。

python本地使用

首先安装依赖：

pip install openai

下面是展示的测试代码：

import openai

# 设置你的API密钥
api_key = "你上面复制的KEY"
openai.api_key = api_key


q= [{"role": "user", "content": "请介绍一下python"}]
completion = openai.ChatCompletion.create(
  model="gpt-3.5-turbo-0301",
  messages=q
)

 
rsp = completion.choices[0].message.content    # chatGPT返回的数据
print(rsp)

输出结果如下：

开发网站界面

在本文中通过Flask作为WEB网站后端框架，如果你没有安装，请使用下面命令安装Flask。

pip install flask

然后新建一个app.py文件，复制下面代码。

from flask import Flask, request, jsonify, render_template
import openai

app = Flask(__name__)

# 设置你的 OpenAI API 密钥
api_key = "你的KEY"
openai.api_key = api_key

@app.route('/')
def index():
    return render_template('index.html')

@app.route('/chat', methods=['POST'])
def chat():
    data = request.get_json()

    # 检查请求中是否包含 content
    if 'content' not in data:
        return jsonify({"error": "请求中缺少 'content' 字段"}), 400

    content = data['content']

    # 调用 OpenAI API 进行聊天
    completion = openai.ChatCompletion.create(
        model="gpt-3.5-turbo-0301",
        messages=[{"role": "user", "content": content}]
    )

    response = completion.choices[0].message['content']

    return jsonify({"response": response})

if __name__ == '__main__':
    app.run(debug=True)