Обновите приложение чата, чтобы использовать интерфейс JavaScript с серверной частью Python

  • Статья

Приложение Чата — это эталонное приложение, демонстрирующее использование службы Azure OpenAI. Каждая эталонная архитектура языка программирования предоставляет немного разные функциональные возможности. В этой статье описывается, как использовать интерфейс JavaScript с серверной частью Python.

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

  • Демонстрация . Настройка внешнего интерфейса JavaScript с помощью серверного видео Python

Эта статья является частью коллекции статей, демонстрирующих создание приложения чата с помощью Службы OpenAI Azure и поиска ИИ Azure. Другие статьи в коллекции включают:

Примечание.

В этой статье используется один или несколько шаблонов приложений ИИ в качестве основы для примеров и рекомендаций в этой статье. Шаблоны приложений ИИ предоставляют вам хорошо поддерживаемые и простые в развертывании эталонные реализации, которые помогают обеспечить высококачественную отправную точку для приложений ИИ.

Необходимые компоненты

Разверните эталонные архитектуры 2, используя следующие статьи. Обязательно используйте одну и ту же подписку и регион для обоих развертываний. Развертывание может занять до 20 минут. Оставьте развертывание вверх; Не завершите раздел "Очистка ресурсов ", пока не завершите работу с этой статьей.

  • Развертывание приложения чата JavaScript с помощью этой статьи
  • Развертывание приложения чата Python с помощью этой статьи

Получение URL-адресов для интерфейсной и серверной части

После развертывания двух эталонных архитектур вы развернули два приложения с полным стеком. Чтобы использовать интерфейс JavaScript с серверной частью Python, необходимо получить URL-адреса для интерфейса JS и серверной части PY и настроить их в другом приложении.

Каждый репозиторий должен находиться в отдельной среде разработки либо локально в Codespaces.

Настройка внешнего URL-адреса JavaScript в серверной части Python

  1. В среде разработки JavaScript получите URL-адрес внешнего интерфейса JavaScript, выполнив следующую команду:

    azd env get-values | grep WEBAPP_URI

    Эта команда получает все переменные облачной среды и фильтры для переменной WEBAPP_URI . Убедитесь, что URL-адрес не заканчивается косой чертой. /

  2. Скопируйте URL-адрес.

  3. В среде разработки Python задайте URL-адрес внешнего интерфейса JavaScript, выполнив следующую команду:

    azd env set ALLOWED_ORIGIN <FRONTEND-URL>

  4. В среде разработки Python повторно разверните серверную часть Python, выполнив следующую команду:

    azd up

Настройка URL-адреса серверной части Python в интерфейсной части JavaScript

  1. В среде разработки Python получите URL-адрес серверной части Python, выполнив следующую команду:

    azd env get-values | grep BACKEND_URI

    Эта команда получает все переменные облачной среды и фильтры для переменной BACKEND_URI . Убедитесь, что URL-адрес не заканчивается косой чертой. /

  2. Скопируйте URL-адрес.

  3. В среде разработки JavaScript задайте URL-адрес серверной части Python, выполнив следующую команду:

    azd env set BACKEND_URI <BACKEND_URI>

  4. В среде разработки Python повторно разверните серверную часть Python, выполнив следующую команду в среде разработки Python:

    azd up

Использование интерфейса JavaScript с серверной частью Python

Приложение Python использует область темы по управлению персоналом, а приложение JavaScript использует область темы недвижимости. Теперь, когда приложения подключены, вы можете использовать интерфейс, чтобы узнать о преимуществах отдела кадров. Рекомендуемые вопросы:

  • Что входит в план Northwind Health Plus, который не является стандартным?
  • Что происходит в проверке производительности?
  • Что делает диспетчер продуктов?

Очистка ресурсов

После завершения работы с приложениями можно удалить ресурсы, чтобы избежать дополнительных расходов.

Устранение неполадок

  • Если вы получите ошибку, просмотрите URL-адреса, введенные в среде. Убедитесь, что они не заканчиваются косой чертой, /.

Следующие шаги