azure openai gpt4 chat

Azure-Openai-GPT4-Chat

类似于Chatgpt的流聊聊天机器人，由Azure Openai和GPT-4提供动力

注意：正在进行的项目和文档

关于

这是一个简单的聊天应用程序，可使用GPT-4模型部署从Azure OpenAI Services实例流式传输消息

先决条件

• node.js> = 20.x（with npm> = v10.x）
• Azure订阅
  • Azure OpenAI访问启用
  • Azure OpenAI服务与GPT-4模型一起部署
    • 用于部署服务的API密钥

本地运行

1. 克隆回购git clone https://github.com/cu-cit-cloud-team/azure-openai-gpt4-chat.git
2. 输入目录cd azure-openai-gpt4-chat
3. 将.env.local.example复制为.env.local并填充值
4. 如果使用本地安装的node.js：
   1. 安装依赖项npm install
   2. 在本地运行项目npm run dev
5. 如果使用devcontainer：
   1. 在Devcontainer中打开（依赖关系自动安装）
   2. 运行项目npm run dev
6. 访问http://localhost:3001在您的浏览器中
7. ctrl + c停止

特征

• 与Azure OpenAi GPT-4型号聊天
• 实时聊天回复以获得类似于Chatgpt的体验
• 使用textarea进行输入进行多行支持
  • 重点textarea的页面负载
  • 键入时textarea自动分辨
  • enter键提交消息
  • shift + enter for New Line
• 聊天响应旁边的加载指示器，直到完成
• 格式化聊天消息内部的代码块和其他标记
• 当前的聊天历史记录存储在浏览器的本地存储中
• 查看/编辑系统消息的聊天会话（例如，“您是有用的AI助手”）
• 查看/编辑聊天会话参数（例如温度，顶部P等）
• 显示消息和系统消息的实时令牌计数（使用/剩余）
• 更改Azure OpenAI型号（GPT-4，GPT-3.5等）
• 下载当前聊天历史记录为JSON
• 清除当前的聊天历史记录
  • 键盘快捷键（ cmd + esc ）当textarea具有焦点
• 复制完整消息和对剪贴板的响应
  • 将单个代码片段（响应中）复制到剪贴板
• 从聊天历史记录中删除单个消息和响应
• 当前正在流中的停止响应（对于不需要的长响应有用）
• 再生最后一个反应
• 通过Azure应用服务托管
  • 用GitHub动作构建/部署
  • Azure应用程序服务应用程序通过广告锁定到我们的团队
  • 试图从登录会话中识别用户并个性化聊天会话
• 使用相对时间用于聊天消息时间戳
  • 相对时间具有完整时间戳的工具提示
  • 工具提示显示同一天的时间和全约日期/时间，如果比“今天”大
• 主题改变了几个浅色和黑暗主题
  • 根据系统偏好默认为light或dark
• 响应式布局
• 地方开发的Devcontainer

路线图

计划

• 目前没有开发的新功能

潜在的

• JSON的导入聊天会话
• 多个聊天会议
  • 带有可滚动且可过滤的聊天列表的侧边栏
  • 通过本地存储陈述
  • 删除单个聊天会议
  • 将单个聊天会议导出到JSON
  • JSON的导入聊天会议

用途

• 反应
  • JavaScript框架
• next.js
  • 反应框架
• Vercel AI SDK
  • JS图书馆用于AI驱动的UIS
• Langchain.js
  • JS库与LLM互动（例如GPT-4）
• 尾风CSS
  • CSS框架
• daisyui
  • 尾风CSS的组件库
• Azure Openai服务
  • API和模型部署（GPT-4和GPT-3.5）
• Azure应用程序服务
  • 应用程序托管和用户身份验证
• GitHub动作/工作流程
  • 构建/发布到Azure App服务
  • 构建通知
  • 创建GH版本
  • 依赖项更新