Mettre à jour l’application Chat pour utiliser le front-end JavaScript avec le back-end Python

Article
12/09/2023

L’application Chat est une application de référence qui montre comment utiliser le service Azure OpenAI. Chaque architecture de référence du langage de programmation fournit des fonctionnalités légèrement différentes. Cet article explique comment utiliser le front-end JavaScript avec le back-end Python.

En mélangeant et en mettant en correspondance le front-end et le back-end, vous pouvez créer une application multi-angue qui utilise le meilleur des deux mondes.

Démonstration - Configurer le front-end JavaScript avec la vidéo back-end Python

Cet article fait partie d’une collection d’articles qui vous montrent comment créer une application de conversation à l’aide d’Azure OpenAI Service et d’Azure AI Search. Vous trouvez ci-dessous d’autres articles de cette collection :

Prérequis

Déployez les 2 architectures de référence à l’aide des articles suivants. Veillez à utiliser le même abonnement et la même région pour les deux déploiements. Le déploiement peut prendre jusqu’à 20 minutes. Conservez les déploiements ; ne terminez pas la section Nettoyer les ressources tant que vous n’avez pas terminé cet article.

Déployer l’application de conversation JavaScript à l’aide de cet article
Déployer l’application de conversation Python à l’aide de cet article

Obtenir les URL pour le serveur frontal et le back-end

Après avoir déployé les deux architectures de référence, vous disposez de deux applications complètes déployées. Pour utiliser le serveur frontal JavaScript avec le back-end Python, vous devez obtenir les URL du serveur frontal JS et du serveur principal PY et les configurer dans l’autre application.

Vous devez avoir chaque dépôt dans un environnement de développement distinct, soit localement dans Codespaces.

Définir l’URL frontale JavaScript dans le back-end Python

Dans l’environnement de développement JavaScript, obtenez l’URL du serveur frontal JavaScript en exécutant la commande suivante :
```
azd env get-values | grep WEBAPP_URI
```
Cette commande obtient toutes les variables et filtres d’environnement cloud pour la WEBAPP_URI variable. Vérifiez que l’URL ne se termine pas par une barre oblique. /
Copiez l’URL.
Dans l’environnement de développement Python, définissez l’URL du front-end JavaScript en exécutant la commande suivante :
```
azd env set ALLOWED_ORIGIN <FRONTEND-URL>
```
Dans l’environnement de développement Python, redéployez le back-end Python en exécutant la commande suivante :
```
azd up
```

Définir l’URL du serveur principal Python dans le serveur frontal JavaScript

Dans l’environnement de développement Python, obtenez l’URL du back-end Python en exécutant la commande suivante :
```
azd env get-values | grep BACKEND_URI
```
Cette commande obtient toutes les variables et filtres d’environnement cloud pour la BACKEND_URI variable. Vérifiez que l’URL ne se termine pas par une barre oblique. /
Copiez l’URL.
Dans l’environnement de développement JavaScript, définissez l’URL du back-end Python en exécutant la commande suivante :
```
azd env set BACKEND_URI <BACKEND_URI>
```
Dans l’environnement de développement Python, redéployez le back-end Python en exécutant la commande suivante dans l’environnement de développement Python :
```
azd up
```

Utiliser le serveur frontal JavaScript avec le back-end Python

L’application Python utilise une zone d’objet des avantages RH tandis que l’application JavaScript utilise une zone d’objet immobilier. Maintenant que les applications sont connectées, vous pouvez utiliser le serveur frontal pour vous demander des avantages rh. Les questions suggérées sont les suivantes :

Qu’est-ce qui est inclus dans mon plan Northwind Health Plus qui n’est pas standard ?
Que se passe-t-il dans une révision des performances ?
Qu’est-ce qu’un Responsable produit ?

Nettoyer les ressources

Lorsque vous avez terminé avec les applications, vous pouvez supprimer les ressources pour éviter d’entraîner davantage de frais.

Supprimer l’application JavaScript avec ces instructions
Supprimer l’application Python avec ces instructions

Dépannage

Si vous recevez une erreur, passez en revue les URL que vous avez entrées dans l’environnement. Assurez-vous qu’ils ne se terminent pas par une barre oblique. /