chatgpt-web

(★ 31,505)

Express와 Vue3로 구축한 ChatGPT 데모 웹페이지

  • .commitlintrc.json
  • .dockerignore
  • .editorconfig
  • .env
  • .eslintignore
  • .eslintrc.cjs
  • .gitattributes
  • .gitignore
  • .npmrc
  • CHANGELOG.md
  • CONTRIBUTING.en.md
  • CONTRIBUTING.md
  • Dockerfile
  • index.html
  • license
  • package.json
  • pnpm-lock.yaml
  • postcss.config.js
  • README.md
  • README.zh.md
  • start.cmd
  • start.sh
  • tailwind.config.js
  • tsconfig.json
  • vite.config.ts

# 설치 가이드

1. 코드 내려받기
git clone https://github.com/Chanzhaoyu/chatgpt-web

깃허브에서 프로젝트 코드 전체를 내 컴퓨터로 내려받습니다.

cd chatgpt-web

방금 내려받은 프로젝트 폴더 안으로 이동합니다.

2. Docker

쉬움 추천
사전 준비물
  • Git GitHub에서 프로젝트 코드를 내려받으려면 필요합니다.
  • Docker Desktop 컨테이너를 빌드하고 실행하려면 필요합니다. 설치 후 실행해서 백그라운드에 켜두세요.
docker build -t chatgpt-web .

Dockerfile을 기반으로 실행 가능한 이미지를 빌드합니다.

docker run --name chatgpt-web --rm -it -p 127.0.0.1:3002:3002 --env OPENAI_API_KEY=your_api_key chatgpt-web

빌드된 이미지를 실제 컨테이너로 실행합니다.

docker run --name chatgpt-web -d -p 127.0.0.1:3002:3002 --env OPENAI_API_KEY=your_api_key chatgpt-web

빌드된 이미지를 실제 컨테이너로 실행합니다.

- [Use Docker](#use-docker)

이 명령어를 터미널에 그대로 입력해 실행하세요.

- [Docker Parameter Examples](#docker-parameter-examples)

이 명령어를 터미널에 그대로 입력해 실행하세요.

터미널에 docker compose ps 를 입력해 컨테이너들이 Up 상태인지 확인하세요. README에 포트 번호가 적혀있다면 브라우저에서 http://localhost:포트번호 로 접속해보세요.

이 레포의 README에 적힌 실제 명령어를 그대로 가져왔습니다.

3. Node.js

쉬움
사전 준비물
  • Git GitHub에서 프로젝트 코드를 내려받으려면 필요합니다.
  • Node.js npm 명령어를 쓰려면 Node.js가 설치되어 있어야 합니다. LTS(장기지원) 버전을 추천합니다.
npm install pnpm -g

package.json에 명시된 라이브러리들을 내려받아 설치합니다.

pnpm install

package.json에 명시된 라이브러리들을 내려받아 설치합니다.

pnpm bootstrap

이 명령어를 터미널에 그대로 입력해 실행하세요.

pnpm start

개발/실행 서버를 켭니다.

pnpm dev

개발/실행 서버를 켭니다.

명령어 실행 후 터미널에 나타나는 주소(보통 http://localhost:3000 형태)를 브라우저에서 열어보세요.

이 레포의 README에 적힌 실제 명령어를 그대로 가져왔습니다.

// repository documentation