【基于ChatGPT+Python】快速打造前后端分离的OpenAI人工智能聊天机器人

news2024/10/2 13:41:01

🚀 ChatGPT是最近很热门的AI智能聊天机器人
🚀 用途方面相比于普通的聊天AI更加的广泛，甚至可以帮助你改BUG，写代码！！！
🚀 下面是使用python+ChatGPT+Vue实现的在线聊天机器人，可直接调用自己的API_Key部署，详细可咨询 V 【yopa66】

AIGPT

- - 1.最终效果演示
  - - 1.1 网页端
    - 1.2 手机端
    - 1.3 前后端程序启动
  - 2.ChatGPT 机器人介绍
  - 3.机器人实现的核心代码
  - - 3.1 python调用
    - 3.2 Node.js演示
    - 3.3 JS请求响应接口数据
  - 4.python后端+Vue前端实现
  - 5. 部署上线

1.最终效果演示

1.1 网页端

在这里插入图片描述

1.2 手机端

在这里插入图片描述

1.3 前后端程序启动

采用 python FastAPI+VUE3
在这里插入图片描述

2.ChatGPT 机器人介绍

ChatGPT是一款基于GPT-3模型的聊天机器人，它可以模拟人类的聊天方式，让用户可以与聊天机器人进行自然的聊天对话。ChatGPT使用GPT-3模型来生成聊天响应，它可以根据用户输入的上下文来生成准确的聊天响应，并且可以记忆用户的话语，以便更准确地理解用户的话语。ChatGPT还可以学习用户的语言习惯，并且可以根据用户的输入，自动生成更准确的聊天响应。

3.机器人实现的核心代码

3.1 python调用

import os
import openai
openai.organization = "org-Hvsg2rpCBmVfIf9rzK6eJZQH"
openai.api_key = os.getenv("OPENAI_API_KEY")
openai.Model.list()

3.2 Node.js演示

import { Configuration, OpenAIApi } from "openai";
const configuration = new Configuration({
    organization: "org-Hvsg2rpCBmVfIf9rzK6eJZQH",
    apiKey: process.env.OPENAI_API_KEY,
});
const openai = new OpenAIApi(configuration);
const response = await openai.listEngines();

3.3 JS请求响应接口数据

主要是通过接口的请求来快速返回数据

var xhr = new XMLHttpRequest();
        var url = "https://api.openai.com/v1/completions";
        xhr.open("POST", url, true);
        xhr.setRequestHeader("Content-Type", "application/json");
        xhr.setRequestHeader("Authorization", "Bearer <your API>");