? 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 osimport openaiopenai.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>");
4.python后端+Vue前端实现
demo主要采用FastAPI作为后端进行接口规范编写,前端通过Vue3进行展示,实现前后端分离开发
前后端分离的接口与请求方式是指,前端应用程序通过HTTP协议,向后端发起请求,获取后端提供的数据接口服务,而不是直接访问后端应用程序。请求方式有GET、POST、PUT、DELETE等,其中GET用于获取资源,POST用于创建资源,PUT用于更新资源,DELETE用于删除资源