azure openai gpt4 chat

Azure-Openai-GPT4-Chat

Azure Openai 및 GPT-4로 구동되는 chatgpt와 같은 스트리밍 채팅 봇

참고 : 진행중인 프로젝트 및 문서

에 대한

이것은 GPT-4 모델 배포를 사용하여 Azure OpenAI 서비스 인스턴스를 오가는 메시지를 스트리밍하는 간단한 채팅 앱입니다.

전제 조건

• node.js> = 20.x (npm> = v10.x)
• Azure 구독
  • Azure OpenAi 액세스가 활성화되었습니다
  • Azure Openai 서비스는 GPT-4 모델과 함께 배포되었습니다
    • 배포 된 서비스를위한 API 키

현지에서 실행

1. 클론 repo 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 Auto-Resizes 입력
  • 메시지를 제출하려면 키를 enter
  • 새로운 라인을 위해 shift + enter
• 채팅 응답이 완료 될 때까지 채팅 응답 옆에로드 표시기
• 채팅 메시지 내부의 코드 블록 및 기타 마크 다운 형식을 멋지게 형식
• 현재 채팅 기록은 브라우저의 로컬 스토리지에 저장됩니다
• 채팅 세션에 대한 시스템 메시지보기/편집 (예 : "당신은 도움이되는 AI 어시스턴트")
• 채팅 세션보기/편집 매개 변수 (예 : 온도, 상단 P 등)
• 메시지 및 시스템 메시지에 표시된 라이브 토큰 수 (중고/나머지)
• Azure Openai 모델 변경 (GPT-4, GPT-3.5 등)
• 현재 채팅 기록을 JSON으로 다운로드하십시오
• 현재 채팅 기록을 명확하게하십시오
  • textarea 초점을 두는 경우 키보드 단축키 ( cmd + esc )
• 클립 보드에 전체 메시지와 응답을 복사하십시오
  • 개별 코드 스 니펫 (응답 내)을 클립 보드에 복사하십시오
• 채팅 기록에서 개별 메시지와 응답을 삭제하십시오
• 현재 스트리밍중인 응답 중지 (필요하지 않은 긴 응답에 유용합니다)
• 마지막 응답을 재생합니다
• Azure App Service를 통해 호스팅됩니다
  • GitHub 동작으로 구축/배포되었습니다
  • Azure App Service 앱은 광고를 통해 우리 팀에게 잠겨 있습니다.
  • 로그인 세션에서 사용자를 식별하고 채팅 세션을 개인화하려고합니다.
• 채팅 메시지 타임 스탬프에 상대 시간을 사용합니다
  • 상대 시간에는 전체 타임 스탬프가있는 툴팁이 있습니다
  • 툴팁은 "오늘"보다 나이가 많은 경우 당일 및 전체 날짜/시간을 보여줍니다.
• 몇 가지 밝고 어두운 테마를 가진 테마 체인저
  • 시스템 선호도에 따라 기본값이 light 거나 dark
• 반응 형 레이아웃
• 지역 개발을위한 DevContainer

로드맵

계획된

• 현재 개발중인 새로운 기능이 없습니다

잠재적인

• JSON에서 채팅 세션을 가져옵니다
• 여러 채팅 세션
  • 채팅 세션의 스크롤 및 여과 가능한 목록이있는 사이드 바
  • 로컬 스토리지를 통한 상태
  • 개별 채팅 세션을 삭제합니다
  • 개별 채팅 세션을 JSON에게 내보내십시오
  • JSON에서 채팅 세션을 가져옵니다

용도

• 반응
  • JavaScript 프레임 워크
• 다음 .js
  • 반응 프레임 워크
• Vercel ai SDK
  • AI 기반 UIS 용 JS 라이브러리
• langchain.js
  • LLMS와 상호 작용하기위한 JS 라이브러리 (예 : GPT-4)
• 테일 윈드 CSS
  • CSS 프레임 워크
• Daisyui
  • 테일 윈드 CSS 용 구성 요소 라이브러리
• Azure Openai 서비스
  • API 및 모델 배포 (GPT-4 및 GPT-3.5)
• Azure 앱 서비스
  • 응용 프로그램 호스팅 및 사용자 인증
• GitHub 작업/워크 플로우
  • Azure App Service에 빌드/게시
  • 알림을 작성하십시오
  • GH 릴리스 생성
  • 종속성 업데이트