base on Minimal web UI for ChatGPT. # ChatGPT-API Demo English | [简体中文](./README.zh-CN.md) A demo repo based on [OpenAI GPT-3.5 Turbo API.](https://platform.openai.com/docs/guides/chat) **🍿 Live preview**: https://chatgpt.ddiu.me > ⚠️ Notice: Our API Key limit has been exhausted. So the demo site is not available now.  ## Introducing `Anse` Looking for multi-chat, image-generation, and more powerful features? Take a look at our newly launched [Anse](https://github.com/anse-app/anse). More info on https://github.com/ddiu8081/chatgpt-demo/discussions/247. [](https://github.com/anse-app/anse) ## Running Locally ### Pre environment 1. **Node**: Check that both your development environment and deployment environment are using `Node v18` or later. You can use [nvm](https://github.com/nvm-sh/nvm) to manage multiple `node` versions locally. ```bash node -v ``` 2. **PNPM**: We recommend using [pnpm](https://pnpm.io/) to manage dependencies. If you have never installed pnpm, you can install it with the following command: ```bash npm i -g pnpm ``` 3. **OPENAI_API_KEY**: Before running this application, you need to obtain the API key from OpenAI. You can register the API key at [https://beta.openai.com/signup](https://beta.openai.com/signup). ### Getting Started 1. Install dependencies ```bash pnpm install ``` 2. Copy the `.env.example` file, then rename it to `.env`, and add your [OpenAI API key](https://platform.openai.com/account/api-keys) to the `.env` file. ```bash OPENAI_API_KEY=sk-xxx... ``` 3. Run the application, the local project runs on `http://localhost:3000/` ```bash pnpm run dev ``` ## Deploy ### Deploy With Vercel [](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fddiu8081%2Fchatgpt-demo&env=OPENAI_API_KEY&envDescription=OpenAI%20API%20Key&envLink=https%3A%2F%2Fplatform.openai.com%2Faccount%2Fapi-keys) > #### 🔒 Need website password? > > Deploy with the [`SITE_PASSWORD`](#environment-variables) > > <a href="https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fddiu8081%2Fchatgpt-demo&env=OPENAI_API_KEY&env=SITE_PASSWORD&envDescription=OpenAI%20API%20Key&envLink=https%3A%2F%2Fplatform.openai.com%2Faccount%2Fapi-keys" alt="Deploy with Vercel" target="_blank"><img src="https://vercel.com/button" alt="Deploy with Vercel" height=24 style="vertical-align: middle; margin-right: 4px;"></a>  ### Deploy With Netlify [](https://app.netlify.com/start/deploy?repository=https://github.com/ddiu8081/chatgpt-demo#OPENAI_API_KEY=&HTTPS_PROXY=&OPENAI_API_BASE_URL=&HEAD_SCRIPTS=&PUBLIC_SECRET_KEY=&OPENAI_API_MODEL=&SITE_PASSWORD=) **Step-by-step deployment tutorial:** 1. [Fork](https://github.com/ddiu8081/chatgpt-demo/fork) this project, Go to [https://app.netlify.com/start](https://app.netlify.com/start) new Site, select the project you `forked` done, and connect it with your `GitHub` account.   2. Select the branch you want to deploy, then configure environment variables in the project settings.  3. Select the default build command and output directory, Click the `Deploy Site` button to start deploying the site.  ### Deploy with Docker Environment variables refer to the documentation below. [Docker Hub address](https://hub.docker.com/r/ddiu8081/chatgpt-demo). **Direct run** ```bash docker run --name=chatgpt-demo -e OPENAI_API_KEY=YOUR_OPEN_API_KEY -p 3000:3000 -d ddiu8081/chatgpt-demo:latest ``` `-e` define environment variables in the container. **Docker compose** ```yml version: '3' services: chatgpt-demo: image: ddiu8081/chatgpt-demo:latest container_name: chatgpt-demo restart: always ports: - '3000:3000' environment: - OPENAI_API_KEY=YOUR_OPEN_API_KEY # - HTTPS_PROXY=YOUR_HTTPS_PROXY # - OPENAI_API_BASE_URL=YOUR_OPENAI_API_BASE_URL # - HEAD_SCRIPTS=YOUR_HEAD_SCRIPTS # - PUBLIC_SECRET_KEY=YOUR_SECRET_KEY # - SITE_PASSWORD=YOUR_SITE_PASSWORD # - OPENAI_API_MODEL=YOUR_OPENAI_API_MODEL ``` ```bash # start docker compose up -d # down docker-compose down ``` ### Deploy with Sealos 1.Register a Sealos account for free [sealos cloud](https://cloud.sealos.io) 2.Click `App Launchpad` button  3.Click `Create Application` button  4.Just fill in according to the following figure, and click on it after filling out `Deploy Application` button  ```shell App Name: chatgpt-demo Image Name: ddiu8081/chatgpt-demo:latest CPU: 0.5Core Memory: 1G Container Ports: 3000 Accessible to the Public: On Environment: OPENAI_API_KEY=YOUR_OPEN_API_KEY ``` 5.Obtain the access link and click directly to access it. If you need to bind your own domain name, you can also fill in your own domain name in `Custom domain` and follow the prompts to configure the domain name CNAME  6.Wait for one to two minutes and open this link  ### Deploy on more servers Please refer to the official deployment documentation: https://docs.astro.build/en/guides/deploy ## Environment Variables You can control the website through environment variables. | Name | Description | Default | | --- | --- | --- | | `OPENAI_API_KEY` | Your API Key for OpenAI. | `null` | | `HTTPS_PROXY` | Provide proxy for OpenAI API. e.g. `http://127.0.0.1:7890` | `null` | | `OPENAI_API_BASE_URL` | Custom base url for OpenAI API. | `https://api.openai.com` | | `HEAD_SCRIPTS` | Inject analytics or other scripts before `</head>` of the page | `null` | | `PUBLIC_SECRET_KEY` | Secret string for the project. Use for generating signatures for API calls | `null` | | `SITE_PASSWORD` | Set password for site, support multiple password separated by comma. If not set, site will be public | `null` | | `OPENAI_API_MODEL` | ID of the model to use. [List models](https://platform.openai.com/docs/api-reference/models/list) | `gpt-3.5-turbo` | ## Enable Automatic Updates After forking the project, you need to manually enable Workflows and Upstream Sync Action on the Actions page of the forked project. Once enabled, automatic updates will be scheduled every day:  ## Frequently Asked Questions Q: TypeError: fetch failed (can't connect to OpenAI Api) A: Configure environment variables `HTTPS_PROXY`，reference: https://github.com/ddiu8081/chatgpt-demo/issues/34 Q: throw new TypeError(${context} is not a ReadableStream.) A: The Node version needs to be `v18` or later, reference: https://github.com/ddiu8081/chatgpt-demo/issues/65 Q: Accelerate domestic access without the need for proxy deployment tutorial? A: You can refer to this tutorial: https://github.com/ddiu8081/chatgpt-demo/discussions/270 ## Contributing This project exists thanks to all those who contributed. Thank you to all our supporters!🙏 [](https://github.com/ddiu8081/chatgpt-demo/graphs/contributors) ## License MIT © [ddiu8081](https://github.com/ddiu8081/chatgpt-demo/blob/main/LICENSE) ", Assign "at most 3 tags" to the expected json: {"id":"6170","tags":[]} "only from the tags list I provide: [{"id":77,"name":"3d"},{"id":89,"name":"agent"},{"id":17,"name":"ai"},{"id":54,"name":"algorithm"},{"id":24,"name":"api"},{"id":44,"name":"authentication"},{"id":3,"name":"aws"},{"id":27,"name":"backend"},{"id":60,"name":"benchmark"},{"id":72,"name":"best-practices"},{"id":39,"name":"bitcoin"},{"id":37,"name":"blockchain"},{"id":1,"name":"blog"},{"id":45,"name":"bundler"},{"id":58,"name":"cache"},{"id":21,"name":"chat"},{"id":49,"name":"cicd"},{"id":4,"name":"cli"},{"id":64,"name":"cloud-native"},{"id":48,"name":"cms"},{"id":61,"name":"compiler"},{"id":68,"name":"containerization"},{"id":92,"name":"crm"},{"id":34,"name":"data"},{"id":47,"name":"database"},{"id":8,"name":"declarative-gui "},{"id":9,"name":"deploy-tool"},{"id":53,"name":"desktop-app"},{"id":6,"name":"dev-exp-lib"},{"id":59,"name":"dev-tool"},{"id":13,"name":"ecommerce"},{"id":26,"name":"editor"},{"id":66,"name":"emulator"},{"id":62,"name":"filesystem"},{"id":80,"name":"finance"},{"id":15,"name":"firmware"},{"id":73,"name":"for-fun"},{"id":2,"name":"framework"},{"id":11,"name":"frontend"},{"id":22,"name":"game"},{"id":81,"name":"game-engine "},{"id":23,"name":"graphql"},{"id":84,"name":"gui"},{"id":91,"name":"http"},{"id":5,"name":"http-client"},{"id":51,"name":"iac"},{"id":30,"name":"ide"},{"id":78,"name":"iot"},{"id":40,"name":"json"},{"id":83,"name":"julian"},{"id":38,"name":"k8s"},{"id":31,"name":"language"},{"id":10,"name":"learning-resource"},{"id":33,"name":"lib"},{"id":41,"name":"linter"},{"id":28,"name":"lms"},{"id":16,"name":"logging"},{"id":76,"name":"low-code"},{"id":90,"name":"message-queue"},{"id":42,"name":"mobile-app"},{"id":18,"name":"monitoring"},{"id":36,"name":"networking"},{"id":7,"name":"node-version"},{"id":55,"name":"nosql"},{"id":57,"name":"observability"},{"id":46,"name":"orm"},{"id":52,"name":"os"},{"id":14,"name":"parser"},{"id":74,"name":"react"},{"id":82,"name":"real-time"},{"id":56,"name":"robot"},{"id":65,"name":"runtime"},{"id":32,"name":"sdk"},{"id":71,"name":"search"},{"id":63,"name":"secrets"},{"id":25,"name":"security"},{"id":85,"name":"server"},{"id":86,"name":"serverless"},{"id":70,"name":"storage"},{"id":75,"name":"system-design"},{"id":79,"name":"terminal"},{"id":29,"name":"testing"},{"id":12,"name":"ui"},{"id":50,"name":"ux"},{"id":88,"name":"video"},{"id":20,"name":"web-app"},{"id":35,"name":"web-server"},{"id":43,"name":"webassembly"},{"id":69,"name":"workflow"},{"id":87,"name":"yaml"}]" returns me the "expected json"