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

Статья
08/01/2024

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

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

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

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

Примечание.

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

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

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

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

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

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

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

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

В среде разработки JavaScript получите URL-адрес внешнего интерфейса JavaScript, выполнив следующую команду:
```
azd env get-values | grep WEBAPP_URI
```
Эта команда получает все переменные облачной среды и фильтры для переменной WEBAPP_URI . Убедитесь, что URL-адрес не заканчивается косой чертой. /
Скопируйте URL-адрес.
В среде разработки Python задайте URL-адрес внешнего интерфейса JavaScript, выполнив следующую команду:
```
azd env set ALLOWED_ORIGIN <FRONTEND-URL>
```
В среде разработки Python повторно разверните серверную часть Python, выполнив следующую команду:
```
azd up
```

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

В среде разработки Python получите URL-адрес серверной части Python, выполнив следующую команду:
```
azd env get-values | grep BACKEND_URI
```
Эта команда получает все переменные облачной среды и фильтры для переменной BACKEND_URI . Убедитесь, что URL-адрес не заканчивается косой чертой. /
Скопируйте URL-адрес.
В среде разработки JavaScript задайте URL-адрес серверной части Python, выполнив следующую команду:
```
azd env set BACKEND_URI <BACKEND_URI>
```
В среде разработки Python повторно разверните серверную часть Python, выполнив следующую команду в среде разработки Python:
```
azd up
```

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

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

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

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

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

Удаление приложения JavaScript с помощью этих инструкций
Удаление приложения Python с помощью этих инструкций

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

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

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