Aktualizace chatovací aplikace tak, aby používala front-end JavaScriptu s back-endem Pythonu

Článek
12/11/2024

Chatovací aplikace je referenční aplikace, která ukazuje, jak používat službu Azure OpenAI. Referenční architektura každého programovacího jazyka poskytuje mírně odlišné funkce. Tento článek popisuje, jak používat front-end JavaScriptu s back-endem Pythonu.

Kombinací front-endu a back-endu můžete vytvořit vícejazyčnou aplikaci, která využívá nejlepší z obou světů.

Ukázka – Konfigurace front-endu JavaScriptu s back-endovým videem Pythonu

Tento článek je součástí kolekce článků, ve kterých se dozvíte, jak vytvořit chatovací aplikaci pomocí služby Azure OpenAI a azure AI Search. Mezi další články v kolekci patří:

Poznámka:

Tento článek používá jednu nebo více šablon aplikací AI jako základ pro příklady a pokyny v tomto článku. Šablony aplikací AI poskytují dobře udržované a snadno použitelné referenční implementace, které pomáhají zajistit vysoce kvalitní výchozí bod pro vaše aplikace AI.

Požadavky

Nasaďte dvě referenční architektury pomocí následujících článků. Ujistěte se, že pro obě nasazení používáte stejné předplatné a oblast. Nasazení může trvat až 20 minut. Ponechte nasazení vzhůru; Nedokončujte oddíl Vyčistit prostředky , dokud nebudete s tímto článkem hotovi.

Nasazení chatovací aplikace v JavaScriptu pomocí tohoto článku
Nasazení chatovací aplikace v Pythonu pomocí tohoto článku

Získání adres URL front-endu a back-endu

Po nasazení dvou referenčních architektur máte nasazené dvě plnohodnotné aplikace. Pokud chcete používat front-end JavaScriptu s back-endem Pythonu, musíte získat adresy URL pro front-end JS a back-end PY a nakonfigurovat je v jiné aplikaci.

Každé úložiště byste měli mít v samostatném vývojovém prostředí, a to buď místně v Codespaces.

Nastavení front-endové adresy URL JavaScriptu v back-endu Pythonu

Ve vývojovém prostředí JavaScript získejte adresu URL front-endu JavaScriptu spuštěním následujícího příkazu:
```
azd env get-values | grep WEBAPP_URI
```
Tento příkaz získá všechny proměnné cloudového prostředí a filtry pro proměnnou WEBAPP_URI . Ujistěte se, že adresa URL nekončí lomítkem. /
Zkopírujte adresu URL.
Ve vývojovém prostředí Pythonu nastavte adresu URL front-endu JavaScriptu spuštěním následujícího příkazu:
```
azd env set ALLOWED_ORIGIN <FRONTEND-URL>
```
Ve vývojovém prostředí Pythonu znovu nasaďte back-end Pythonu spuštěním následujícího příkazu:
```
azd up
```

Nastavení adresy URL back-endu Pythonu v front-endu JavaScriptu

Ve vývojovém prostředí Pythonu získejte adresu URL back-endu Pythonu spuštěním následujícího příkazu:
```
azd env get-values | grep BACKEND_URI
```
Tento příkaz získá všechny proměnné cloudového prostředí a filtry pro proměnnou WEBAPP_URI . Ujistěte se, že adresa URL nekončí lomítkem. /
Zkopírujte adresu URL.
Ve vývojovém prostředí JavaScriptu nastavte adresu URL back-endu Pythonu spuštěním následujícího příkazu:
```
azd env set BACKEND_URI <BACKEND_URI>
```
Ve vývojovém prostředí Pythonu znovu nasaďte back-end Pythonu spuštěním následujícího příkazu ve vývojovém prostředí Pythonu:
```
azd up
```

Použití front-endu JavaScriptu s back-endem Pythonu

Aplikace v Pythonu používá oblast výhod lidských zdrojů, zatímco javascriptová aplikace používá oblast předmětu nemovitostí. Teď, když jsou aplikace připojené, můžete použít front-end a požádat o výhody lidských zdrojů. Mezi navrhované otázky patří:

Co je součástí plánu Northwind Health Plus, který není standardní?
Co se stane při kontrole výkonu?
Co dělá produktový manažer?

Vyčištění prostředků

Až s aplikacemi skončíte, můžete prostředky odstranit, abyste se vyhnuli dalším poplatkům.

Pomocí těchto pokynů odstraňte javascriptovou aplikaci.
Pomocí těchto pokynů odstraňte aplikaci v Pythonu.

Řešení problému

Pokud se zobrazí chyba, zkontrolujte adresy URL, které jste zadali v prostředí. Ujistěte se, že nekončí lomítkem, /.

Sdílet prostřednictvím