更新聊天应用以将 JavaScript 前端与 Python 后端配合使用

聊天应用是一个参考应用程序，演示如何使用 Azure OpenAI 服务。每个编程语言参考体系结构提供略有不同的功能。本文介绍如何将 JavaScript 前端与 Python 后端配合使用。

通过混合和匹配前端和后端，可以创建使用两个世界最好的多语言应用程序。

本文是一系列文章的一部分，介绍如何使用 Azure OpenAI 服务和 Azure AI 搜索生成聊天应用。该系列中的其他文章包括：

注意

本文使用一个或多个 AI 应用模板作为本文中的示例和指南的基础。 AI 应用模板为你提供了维护良好、易于部署的参考实现，有助于确保 AI 应用的高质量起点。

先决条件

使用以下文章部署这两个参考体系结构。确保两个部署使用相同的订阅和区域。部署可能需要长达 20 分钟。保留部署；在完成本文之前，不要完成清理资源部分。

部署两个参考体系结构后，部署了两个全堆栈应用。若要将 JavaScript 前端与 Python 后端配合使用，需要获取 JS 前端和 PY 后端的 URL，并在其他应用中配置它们。

每个存储库都应该在一个单独的开发环境中，无论是在本地还是在 Codespaces 中。

在 JavaScript 开发环境中，运行以下命令获取 JavaScript 前端的 URL：
```
azd env get-values | grep WEBAPP_URI
```
此命令获取 WEBAPP_URI 变量的所有云环境变量和筛选器。请确保 URL 不以斜杠结尾，/。
复制 URL。
在 Python 开发环境中，运行以下命令设置 JavaScript 前端的 URL：
```
azd env set ALLOWED_ORIGIN <FRONTEND-URL>
```
在 Python 开发环境中，运行以下命令重新部署 Python 后端：
```
azd up
```

在 Python 开发环境中，运行以下命令获取 Python 后端的 URL：
```
azd env get-values | grep BACKEND_URI
```
此命令获取 BACKEND_URI 变量的所有云环境变量和筛选器。请确保 URL 不以斜杠结尾，/。
复制 URL。
在 JavaScript 开发环境中，运行以下命令设置 Python 后端的 URL：
```
azd env set BACKEND_URI <BACKEND_URI>
```
在 Python 开发环境中，通过在 Python 开发环境中运行以下命令来重新部署 Python 后端：
```
azd up
```

Python 应用使用 HR 权益主题区域，而 JavaScript 应用使用房地产主题区域。连接应用后，可以使用前端来询问 HR 权益。建议的问题包括：

完成应用后，可以删除资源以避免产生更多费用。