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版本
  • 依賴項更新