ChatGPT Web
English / 简体中文
A commercially-viable ChatGpt web application built with React.
可部署商业化的 ChatGpt 网页应用。
Issues / Buy Me a Coffee / 赞助我
🐶 Demo
Link
Web Demo: https://www.aizj.top/
Admin Demo: https://www.aizj.top/admin
Admin 演示: https://www.aizj.top/admin
If you need help, please submit Issues Or leave contact information when appreciating.
Snapshot
🤖 Major Function
- The backend management system can manage users, tokens, products, card passwords, etc
- Carefully designed UI, responsive design
- Extremely fast first screen loading speed (~100kb)
- Supports Midjournal painting, DALL · E model painting, GPT4 and other applications
- Massive built-in prompt list from ChineseAnd English
- One click export of chat records, complete Markdown support
- Support for custom API addresses (openAI / API2D)
🎮 Start Using
Node
Node requires version ^ 16 | | ^ 18 | | ^ 19
(node >= 16.19.0), and NVM can be used to manage multiple local node versions.
# View node version
node -v
# View npm version
npm -v
# View yarn version
yarn -v
1.First Fork
this project, then clone it locally.
git clone https://github.com/79E/ChatGpt-Web.git
2.Installation dependencies
yarn install
3.Run
# run web
yarn dev:web
4.Build
yarn build
⛺️ Environment Variable
Most configuration items in this project are set through environment variables.
VITE_APP_REQUEST_HOST
Request the Host
address of the server.
VITE_APP_TITLE
Chat Web title.
VITE_APP_LOGO
Chat Web Logo.
🚧 Develop
It is strongly not recommended to develop or deploy locally. Due to technical reasons, it is difficult to configure OpenAI API proxies locally, unless you can guarantee direct connection to the OpenAI server.
Local development
- Please consult ChatGPT for specific details on installing
Nodejs
andYarn
- Just execute
yarn install
- Web Project Development
yarn dev:web
- Server side project development
yarn dev
- Package Project
yarn build
Server side
- Front end request server's interface document You can develop according to this interface document.
- If you need help, please submit Issues Or leave contact information when appreciating.
🎯 Arrange
Simply upload the packaged
dist
directory of theWEB
project to the server. Pay attention to the server IP address location!
Vercel
If you host it on your own Vercel server, you can click the deploy button to start your deployment!
If you need help, please submit Issues Or leave contact information when appreciating.