Содержание
  1. Собираем нужные инструменты
  2. Установите шаблон чат-бота Microsoft Azure OpenAI Service
  3. Развертывание большой языковой модели через службу Azure OpenAI
  4. Настройте шаблон для подключения к вашей LLM
ГайдыОбновлено · 09.2026

Как создать клон ChatGPT без кода: Bubble и Microsoft Azure OpenAI

18 декабря 2024 · 3 минуты чтения

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

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

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

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

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

Установите шаблон чат-бота 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 без какого-либо кода 🙂

Читайте также

3 материала