Если вы все еще не в курсе, что такое 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».

ОНЛАЙН-ПРАКТИКУМ
КАК «ХАКНУТЬ» PYTHON С ПОМОЩЬЮ CHATGPT
ЧТО БУДЕТ НА ОБУЧЕНИИ?
  • Прямо в эфире решим типичные задачи программиста только с помощью ChatGPT
  • Возможности Python — расскажем что можно делать и сколько на этом зарабатывать?
  • Что ждет рынок программирования и почему мы решили сюда пойти
Участвовать бесплатно
ОНЛАЙН-ПРАКТИКУМ
КАК «ХАКНУТЬ» PYTHON С ПОМОЩЬЮ CHATGPT
ЧТО БУДЕТ НА ОБУЧЕНИИ?
  • Прямо в эфире решим типичные задачи программиста только с помощью ChatGPT
  • Возможности Python — расскажем что можно делать и сколько на этом зарабатывать?
  • Что ждет рынок программирования и почему мы решили сюда пойти
Участвовать бесплатно

После загрузки приложения следуйте инструкциям в разделе «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 без какого-либо кода 🙂

Открытая лекция
НЕЙРОСЕТИ ДЛЯ ЖИЗНИ И КАРЬЕРЫ
ТОП-подарки всем участникам лекции:
  • Пошаговая PDF-инструкция “Как сделать нейрофотосессию из своего фото бесплатно
  • Подборка из 3800+ нейросетей
  • Гайд “Как использовать ChatGPT для изучения любого из 50 языков
  • Доступ в бот с безлимитным доступом к ChatGPT
Участвовать бесплатно
ОНЛАЙН-ПРАКТИКУМ
КАК «ХАКНУТЬ» PYTHON С ПОМОЩЬЮ CHATGPT И СТАТЬ «ПРОГРАММИСТОМ БУДУЩЕГО»
Вы узнаете:
  • Как внедрение ИИ в бизнес-процессы помогает улучшить финансовые результаты компаний в 2025 году.
  • Мы расскажем, кто такой промпт-инженер, чем он занимается и какие результаты можно ожидать от его работы.
  • Также обсудим, где найти промпт-инженера, сколько стоят его услуги в России и за рубежом, и кто может стать промпт-инженером.
Участвовать бесплатно