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

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

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

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

注意

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

先决条件

使用以下文章部署 2 个参考体系结构。请确保对两个部署使用相同的订阅和区域。部署可能需要多达 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 权益。建议的问题包括：

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