В прошлом уроке вы создали страницу. Она открывается в браузере, выглядит как настоящий продукт. Но если написать ей что-нибудь — она молчит.
В этом уроке это изменится: к концу практики ваш проект будет отвечать на вопросы.
Если вспомнить аналогию: страница — это тело. В прошлый раз вы вылепили тело. Теперь добавляем мозг.
Языковая модель — это программа, которая умеет понимать текст и отвечать на него. Та самая, что работает внутри ChatGPT. Только теперь вы подключаете её напрямую к своему проекту.
Схема простая:
Страница (браузер) → fetch → ProxyAPI → ответ → СтраницаПользователь пишет вопрос на вашей странице. Страница отправляет его в облако — провайдеру с моделью. Модель думает, формирует ответ, отправляет обратно. Страница показывает ответ пользователю. Всё.
API — это способ для двух программ общаться друг с другом. Ваша страница не умеет «разговаривать» с языковой моделью напрямую. Для этого существует API — специальный интерфейс, через который одна программа отправляет запросы, а другая отвечает.
Ваша страница отправляет вопрос через API → провайдер получает → модель обрабатывает → ответ возвращается обратно через тот же API.
API-ключ — это пароль от входной двери. Без него провайдер не знает, кто вы, и отказывает в доступе. Покажете ключ — дверь открывается.
По документации ProxyAPI ключ передаётся в заголовке Authorization: Bearer <КЛЮЧ>. Запросы отправляются на домен ProxyAPI (https://api.proxyapi.ru) с путём провайдера, например https://api.proxyapi.ru/openai/v1. И в каждом запросе к chat/completions нужно явно указать model (например, gpt-5.4-mini) — это обязательное поле. Важно: при прямом обращении к OpenAI ключ ProxyAPI не сработает — он действует только на стороне ProxyAPI.
Как ключ попадает в проект: в промпте к WorkAI вместо ключа вы пишете заглушку ВАШ_КЛЮЧ, WorkAI добавляет код запроса, а потом вы сами заменяете заглушку в коде страницы на настоящий ключ. Так ключ не уходит в переписку с AI.
Ключ лежит в коде страницы открытым текстом. Пока страница открыта только у вас на компьютере, это допустимо. Не пересылайте файлы проекта и не выкладывайте страницу в интернет: кто увидит ключ, тот сможет тратить ваш баланс. Чтобы опубликовать проект, ключ переносят на сервер — в этом курсе до этого не дойдём.
ChatGPT — это готовый продукт с красивым интерфейсом. Встроить его в свой проект нельзя. Это как взять чужой сайт и вставить на свою страницу — технически невозможно.
ProxyAPI — это другое. Это доступ к тем же моделям (GPT, Claude) через API: вы сами строите интерфейс, а модель отвечает вашим пользователям.
Моделей много, и у каждой свой баланс цены и качества. В курсе используем единый рабочий вариант gpt-5.4-mini, чтобы у всех шаги совпадали. Подробное сравнение моделей оставим за рамками этого курса.
Почему ProxyAPI подходит для курса:
API — интерфейс для общения двух программ. Ваша страница использует его, чтобы отправлять вопросы модели и получать ответы.
API-ключ — пароль от модели. В этом курсе он лежит в коде страницы, поэтому страницу не публикуют и никому не пересылают.
Языковые модели часто отвечают в формате markdown — с заголовками ##, жирным **текстом** и списками через -. Это структура, которую браузер по умолчанию не отображает: показывает символы как есть.
Это не ошибка. Это задача для итерации: один промпт к WorkAI — и блок с ответом начнёт отображать форматированный текст. Именно это мы и делаем в задании.
В задании вы зарегистрируетесь в ProxyAPI, получите ключ и попросите WorkAI подключить модель. Первый ответ ассистента в браузере — это и есть результат этого дня.
Ассистент отвечает — но пока говорит как чужой ChatGPT. В День 3 дадим ему роль и правила: он станет вашим.
Обычно в этой схеме есть один момент, который щёлкает неожиданно, — у каждого свой. Напишите в комментариях: что в схеме «страница → API → модель → ответ» оказалось неожиданным?