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

Článek
08/01/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 referenční architektury 2 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 BACKEND_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