# Веб-страница и веб-служба OpenAI Chat GPT & Dall-E NodeJS Express

- Javascript [здесь] (https://github.com/adriaanbalt/chatgpt/blob/main/public/client.js)

- HTML и CSS [здесь] (https://github.com/adriaanbalt/chatgpt/blob/main/public/index.html)

- NodeJS [здесь] (https://github.com/adriaanbalt/chatgpt/blob/main/index.js)

- Экспресс [здесь] (https://github.com/adriaanbalt/chatgpt/blob/main/index.js#L11)

- Чат GPT [здесь](https://github.com/adriaanbalt/chatgpt/blob/main/index.js#L28)

- Dall-E [здесь] (https://github.com/adriaanbalt/chatgpt/blob/main/index.js#L44)

## Пример

https://youtu.be/Jp59IjfoS1I

### Модель GPT чата: `text-davinci-003`

Настройка ##

1. Клонируйте этот репозиторий

2. Запустите `$ пряжа`

3. Запустите `$ node index.js`

4. Откройте браузер на http://localhost:3000

## Резюме:

Создает веб-службу NodeJS Express, в которой размещается как веб-страница, так и API.

1. Веб-страница содержит файл HTML с полем ввода и кнопкой отправки. Поле ввода — это место, где пользователь может вводить произвольные фрагменты текста; их «подсказка».

2. При нажатии кнопки отправки текстовое значение поля ввода отправляется в конечную точку NodeJS Express API [“/completion”](https://github.com/adriaanbalt/chatgpt/blob/main/index.js#L15). .

3. Эта конечная точка получает приглашение пользователя и передает его в модуль OpenAI npm для создания как ответа Chat GPT, так и изображения на основе предоставленного приглашения.

4. Затем текст и изображение отображаются под полем ввода на веб-странице HTML.

# требования

1. Создайте учетную запись в OpenAI и сгенерируйте ключ API. Вы можете найти инструкции по созданию учетной записи и генерации ключа API на веб-сайте OpenAI [здесь] (https://beta.openai.com/signup/). Получив ключ API, создайте файл `.env` с `OPENAI_API_KEY=your-key-here` внутри него.

2. Используйте модуль OpenAI npm для подключения к сервису. Вы можете найти документацию для модуля OpenAI npm [здесь] (https://www.npmjs.com/package/openai).