Если вы все еще не в курсе, что такое 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
Присоединяйся к онлайн-вебинару.
В прямом эфире разберем и потестируем лучшие на сегодняшний день отечественные ИИ!
Вы узнаете о том:
  • Выполним базовые задачи на российских нейросетях и посмотрим на результаты!
  • Файл-инструкцию «Как сделать нейро-фотосессию из своего фото бесплатно, без иностранных карт и прочих сложностей»
  • Покажем 10+ способов улучшить свою жизнь с ИИ каждому — от ребенка и пенсионера до управленца и предпринимателя
Участвовать бесплатно
ОБЗОРНЫЙ ПРАКТИКУМ ПО НАШУМЕВШИМ НЕЙРОСЕТЯМ
Нейросети DEEPSEEK И QWEN
За 2 часа сделаем полный обзор новых мощных ИИ-моделей, которые бросают вызов нейросети ChatGPT
Вы узнаете:
  • Возможность получить Доступ в Нейроклуб на целый месяц
  • Как ИИ ускоряет работу и приносит деньги
  • За 2 часа вы получите четкий план, как начать работать с ИИ прямо сейчас!
Участвовать бесплатно

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