Если вы все еще не в курсе, что такое ChatGPT, можете посетить открытую лекцию по нейросетям. Она бесплатная и подходит как новичкам, так и опытным пользователям.

Собираем нужные инструменты

Во-первых, если вы еще не сделали этого, вам нужно создать бесплатную учетную запись Bubble. Сделать это нужно тут, а затем познакомиться с платформой в нашей прошлой статье.

Мы начнем этот проект с использования шаблона чат-бота Microsoft Azure OpenAI Service Chatbot Template. Этот шаблон Bubble поставляется с заранее настроенным полем ввода и кнопкой отправки для сообщений чат-боту, а также повторяющейся группой для отображения ответов.

У вас должна быть учетная запись Microsoft Azure и доступ к службе Azure OpenAI Service, чтобы использовать их AI-модели в приложении Bubble.

ОНЛАЙН-ПРАКТИКУМ
ЗАПУСК DEEPSEEK R1 ЛОКАЛЬНО НА СВОЕМ КОМПЬЮТЕРЕ
ЧТО БУДЕТ НА ОБУЧЕНИИ?
  • ПОКАЖЕМ, КАК РАЗВЕРНУТЬ МОДЕЛЬ DEEPSEEK R1 ПРЯМО НА СВОЁМ КОМПЬЮТЕРЕ
  • Где и как применять? Потестируем модель после установки на разных задачах
  • Как дообучить модель под себя?

Установите шаблон чат-бота Microsoft Azure OpenAI Service

Начните с добавления бесплатного шаблона в свою учетную запись Bubble. Затем перейдите в область «Шаблоны» своей учетной записи, найдите шаблон и нажмите «Запустить приложение». В появившемся окне убедитесь, что вы выбрали «Azure OpenAI Service Chatbot» в качестве шаблона. Дайте своему новому приложению Bubble имя и нажмите «Get started».


ОНЛАЙН-ПРАКТИКУМ
ЗАПУСК DEEPSEEK R1 ЛОКАЛЬНО НА СВОЕМ КОМПЬЮТЕРЕ

ЧТО БУДЕТ НА ОБУЧЕНИИ?
  • ПОКАЖЕМ, КАК РАЗВЕРНУТЬ МОДЕЛЬ DEEPSEEK R1 ПРЯМО НА СВОЁМ КОМПЬЮТЕРЕ
  • Где и как применять? Потестируем модель после установки на разных задачах
  • Как дообучить модель под себя?

После загрузки приложения следуйте инструкциям в разделе «Get started on the right foot», чтобы настроить значок, имя, шрифт и цвет вашего приложения. Когда вы дойдете до шага 4, не усложняйте и не добавляйте дополнительные плагины.

Ваше приложение Bubble загрузится в режиме разработки. Нажмите на крестик во всплывающем окне «Build a landing page», чтобы закрыть его, а также закройте библиотеку компонентов.

После этого вы увидите шаблон, загруженный в ваше приложение.

Развертывание большой языковой модели через службу Azure OpenAI

Откройте новую вкладку или окно браузера и перейдите на portal.azure.com, затем войдите в свою учетную запись.

Здесь вам нужно будет настроить и сконфигурировать развертывание GPT на Azure OpenAI Service. У Microsoft есть пошаговое руководство, которое проведет вас через весь процесс.

Настройте шаблон для подключения к вашей LLM

Прелесть этого шаблона (и подключаемого модуля Azure OpenAI Service, который идет с ним) в том, что нет необходимости настраивать API-соединение между двумя службами с нуля. Вместо этого подключение вашего приложения Bubble к модели OpenAI — это простое копирование ключевой информации из учетной записи Azure и вставка ее в правильные поля приложения.

  1. В своей учетной записи Azure щелкните поле поиска «Search resources, services, and docs» (G+/). Введите «openai» и щелкните «Azure OpenAI».
  2. Выберите ресурс, который хотите использовать с плагином. Это модель, развернутая вами ранее — можно узнать ее по имени, которое вы ей дали.

  1. Нажмите «Keys and Endpoint» — кнопку «Copy to clipboard» для ключа 1.
  2. Перейдите в приложение Bubble, откройте настройки плагина и вставьте ключ в текстовые поля api-key (shared headers)и api-key (shared headers) — dev.

  1. Вернитесь на вкладку Keys and Endpoint. Нажмите кнопку«Copy to clipboard»для Endpoint.
  2. Переключитесь в приложение Bubble и вставьте конечную точку в текстовые поля «api-key (shared headers)»и «api-key (shared headers) — dev».

  1. Вернитесь на вкладку службы Azure OpenAI и щелкните «Model deployments». Там нажмите кнопку «Manage Deployments», чтобы перейти в Azure OpenAI Studio.
  2. Откройте«Deployments»в группе «Management» и скопируйте название нужного развертывания в буфер обмена.

  1. Переключитесь на приложение Bubble и вставьте имя развертывания в текстовые поля «deployment-id (path) и «deployment-id (path) – dev».

Все, готово. Чтобы увидеть приложение в действии нажмите «preview». Можете использовать простые инструменты дизайна Bubble, чтобы настроить внешний вид и поведение вашего чат-бота.

Поздравляем — вы создали клон ChatGPT без какого-либо кода 🙂

РОССИЙСКИЕ НЕЙРОСЕТИ ДЛЯ ЖИЗНИ И КАРЬЕРЫ В 2025

Присоединяйся к онлайн-вебинару.

В прямом эфире разберем и потестируем лучшие на сегодняшний день отечественные ИИ!
Вы узнаете о том:
  • Выполним базовые задачи на российских нейросетях и посмотрим на результаты!
  • PDF-инструкцию «Как сделать нейрофотосессию из своего фото бесплатно, без иностранных карт и прочих сложностей»
  • Покажем 10+ способов улучшить свою жизнь с ИИ каждому — от ребенка и пенсионера до управленца и предпринимателя

Участвовать бесплатно

ОБЗОРНЫЙ ПРАКТИКУМ ПО НАШУМЕВШИМ НЕЙРОСЕТЯМ
DEEPSEEK И QWEN
За 2 часа сделаем полный обзор новых мощных AI-моделей, которые бросают вызов ChatGPT
Вы узнаете:
  • Возможность получить Доступ в Нейроклуб на целый месяц
  • Как AI ускоряет работу и приносит деньги
  • За 2 часа вы получите четкий план, как начать работать с AI прямо сейчас!

Участвовать бесплатно

3-дневный курс
НАУЧИСЬ СОЗДАВАТЬ TELEGRAM-БОТОВ НА PYTHON С CHATGPT
C НУЛЯ ЗА 3 ДНЯ
  • Освой Python и нейросети и узнай, как гарантированно получить первые 10 заказов
  • УЧАСТВОВАТЬ ЗА 0 РУБ.
  • Создай и прокачай собственного чат-бота
Участвовать бесплатно
ОНЛАЙН-ПРАКТИКУМ
ЗАПУСК DEEPSEEK R1 ЛОКАЛЬНО НА СВОЕМ КОМПЬЮТЕРЕ
ЧТО БУДЕТ НА ОБУЧЕНИИ?
  • ПОКАЖЕМ, КАК РАЗВЕРНУТЬ МОДЕЛЬ DEEPSEEK R1 ПРЯМО НА СВОЁМ КОМПЬЮТЕРЕ
Участвовать бесплатно