저장소

고정 헤더 영역

글 제목

메뉴 레이어

저장소

메뉴 리스트

  • 홈
  • 태그
  • 방명록
  • 분류 전체보기 (20)
    • lodash (1)
    • fabric.js (4)
    • Vue & Nuxt (7)
    • typescript (1)

검색 레이어

저장소

검색 영역

컨텐츠 검색

slack

  • Nuxt.js로 openai api 연동하여 slack GPT채팅 만들기(3) - nuxt, slack, gpt연동

    2023.03.26 by citykim

  • Nuxt.js로 openai api 연동하여 slack GPT채팅 만들기(2) - gpt 연동

    2023.03.26 by citykim

  • Nuxt.js로 openai api 연동하여 slack GPT채팅 만들기(1) - nuxt 서버설정

    2023.03.26 by citykim

Nuxt.js로 openai api 연동하여 slack GPT채팅 만들기(3) - nuxt, slack, gpt연동

이번 포스팅에는 slack bot을 생성하고 앞서만든 openai api와 채팅을 하도록 추가해보자 slack GPT앱은 현재는 정식 출시되진 않았고 베타로 이용신청을 할 수 있다 https://slack.com/intl/ko-kr/blog/news/how-i-built-the-chatgpt-app-for-slack How I built the ChatGPT app for Slack A conversation with Simón Posada Fishman, the OpenAI solutions engineer who developed the breakthrough app slack.com 정식 출시되면 연동 및 작업은 크게 의미가 없어지지만 그 전까지 사용할 수 있도록 작업해보도록 하자 Slack bot..

Vue & Nuxt 2023. 3. 26. 18:14

Nuxt.js로 openai api 연동하여 slack GPT채팅 만들기(2) - gpt 연동

이번 포스팅에는 GPT를 연동하고 브라우저에서 질문 및 답변까지 하도록 구성해보도록 한다 server 💻 추후 slack을 연동할 것이기 때문에 서버의 디렉토리 구성은 다음과같이 한다 순수하게 gpt와 통신은 openai_completion.ts에서 담당하고 클라이언트에서 api 호출은 browser.post.ts에서 한다 Nuxt3에서는 서버도 디렉토리로 라우팅을 하고 그 안에서 [name].[method].ts로 구분하면 http method와 매칭까지 시켜준다 https://nuxt.com/docs/guide/directory-structure/server#matching-http-method server/ · Nuxt Directory Structure Nuxt automatically scans..

Vue & Nuxt 2023. 3. 26. 14:59

Nuxt.js로 openai api 연동하여 slack GPT채팅 만들기(1) - nuxt 서버설정

Nuxt.js로 서버를 구성하고 openai api를 연동하여 브라우저에서 GPT와 채팅을 하는 기능을 만들어보자 추가적으로 slack과 연동하여 슬랙 내부에서도 채팅을 가능하도록 만들어보자 이번 포스팅에서는 기본적인 환경구성을 하도록한다 KEY api를 호출하려면 apiKey 가 필요한데 secret key를 이곳에서 발급받을 수 있다 chat으로만 구현할 것이기 때문에 organization은 필요없다 OPENAI_SECRET_KEY=sk-... .env에 위와같이 저장해둔다 Nuxt💡 이후 Nuxt 환경을 구성하자 프로젝트명은 nuxt-gpt로 만든다 이 포스팅에서는 Nuxt3를 사용한다 🤔npm 까지는 설명하지 않겠습니다... npx nuxi@latest init nuxt-gpt cd nuxt-g..

Vue & Nuxt 2023. 3. 26. 13:19

추가 정보

인기글

최신글

페이징

이전
1
다음
city kim
저장소
페이스북 트위터 인스타그램 유투브 메일

티스토리툴바