chatgpt-web
Express와 Vue3로 구축한 ChatGPT 데모 웹페이지
파일 탐색기
최종 버전 다운로드 (.zip)- devcontainer.json
- build_docker.yml
- ci.yml
- issues_close.yml
- commit-msg
- pre-commit
- extensions.json
- launch.json
- settings.json
- nginx.conf
- docker-compose.yml
- README.md
- alipay.png
- c1-2.8.0.png
- c1-2.9.0.png
- c1.png
- c2-2.8.0.png
- c2-2.9.0.png
- c2.png
- docker.png
- wechat.png
- deploy.yaml
- ingress.yaml
- README.md
- favicon.ico
- favicon.svg
- pwa-192x192.png
- pwa-512x512.png
- extensions.json
- settings.json
- index.ts
- types.ts
- auth.ts
- limiter.ts
- index.ts
- is.ts
- index.ts
- types.ts
- .env.example
- .eslintrc.json
- .gitignore
- .npmrc
- package-lock.json
- package.json
- pnpm-lock.yaml
- tsconfig.json
- tsup.config.ts
- index.ts
- avatar.jpg
- recommend.json
- Button.vue
- index.vue
- index.vue
- index.vue
- About.vue
- Advanced.vue
- General.vue
- index.vue
- index.vue
- index.vue
- index.ts
- GithubSite.vue
- index.ts
- useBasicLayout.ts
- useIconRender.ts
- useLanguage.ts
- useTheme.ts
- 403.vue
- 404.svg
- 500.vue
- en-US.ts
- es-ES.ts
- index.ts
- ko-KR.ts
- ru-RU.ts
- vi-VN.ts
- zh-CN.ts
- zh-TW.ts
- assets.ts
- index.ts
- scrollbarStyle.ts
- index.ts
- permission.ts
- helper.ts
- index.ts
- helper.ts
- index.ts
- helper.ts
- index.ts
- helper.ts
- index.ts
- helper.ts
- index.ts
- helper.ts
- index.ts
- index.ts
- helper.ts
- index.ts
- github-markdown.less
- highlight.less
- tailwind.css
- global.less
- chat.d.ts
- env.d.ts
- global.d.ts
- debounce.ts
- index.ts
- index.ts
- axios.ts
- index.ts
- index.ts
- copy.ts
- index.vue
- Avatar.vue
- index.vue
- style.less
- Text.vue
- index.ts
- useChat.ts
- useScroll.ts
- useUsingContext.ts
- Footer.vue
- index.vue
- List.vue
- index.ts
- Layout.vue
- Permission.vue
- index.vue
- index.vue
- index.vue
- App.vue
- main.ts
- .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
쉬움사전 준비물
npm install pnpm -g
package.json에 명시된 라이브러리들을 내려받아 설치합니다.
pnpm install
package.json에 명시된 라이브러리들을 내려받아 설치합니다.
pnpm bootstrap
이 명령어를 터미널에 그대로 입력해 실행하세요.
pnpm start
개발/실행 서버를 켭니다.
pnpm dev
개발/실행 서버를 켭니다.
명령어 실행 후 터미널에 나타나는 주소(보통 http://localhost:3000 형태)를 브라우저에서 열어보세요.
이 레포의 README에 적힌 실제 명령어를 그대로 가져왔습니다.
// repository documentation
Was this content helpful?
(0 ratings)
