Поделиться через

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

  • Статья

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

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

  • Демонстрация - Настраиваем внешний интерфейс JavaScript с серверной частью на Python.

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

  • .NET
  • Java
  • Python

Примечание.

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

Требования

Разверните две эталонные архитектуры, используя следующие статьи. Обязательно используйте одну и ту же подписку и регион для обоих развертываний. Развертывание может занять до 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-адреса, введенные в среде. Убедитесь, что они не заканчиваются косой чертой, /.

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

  • Узнайте больше о том, как AZD используется в этом шаблоне: