Sdílet prostřednictvím

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

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-endem v Pythonu video

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í aktivní; Nedokončujte sekci Vyčistit prostředky, dokud nebudete s tímto článkem hotoví.

  • Nasaďte chatovací aplikaci v JavaScriptu pomocí tohoto článku
  • Nasaďte chatovací aplikaci 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

  1. 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 filtruje pro proměnnou WEBAPP_URI. Ujistěte se, že adresa URL nekončí lomítkem, /.

  2. Zkopírujte adresu URL.

  3. 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>

  4. 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

  1. 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 provede filtrování pro proměnnou BACKEND_URI. Ujistěte se, že adresa URL nekončí lomítkem, /.

  2. Zkopírujte adresu URL.

  3. 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>

  4. 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í zdrojů

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

  • Odstraňte JavaScriptovou aplikaci pomocí těchto pokynů.
  • Pomocí těchto pokynů odstraňte aplikaci Python.

Řešení problému

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

Další kroky

  • Vytvořte chatovací aplikaci s architekturou osvědčených postupů pomocí Azure OpenAI.
  • Řízení přístupu v generativních aplikacích AI pomocí Azure AI Search
  • Vytvořte řešení OpenAI připravené pro podniky pomocí služby Azure API Management.
  • Výkonnější než vyhledávání pomocí vektorů díky schopnostem hybridního vyhledávání a hodnocení
  • Last updated on