Python arka ucuyla JavaScript ön ucu kullanacak şekilde Sohbet uygulamasını güncelleştirme

Sohbet uygulaması, Azure OpenAI hizmetinin nasıl kullanılacağını gösteren bir başvuru uygulamasıdır. Her programlama dili başvuru mimarisi biraz farklı işlevler sağlar. Bu makalede Python arka ucuyla JavaScript ön ucu nasıl kullanılacağı açıklanmaktadır.

Ön uç ve arka ucu karıştırıp eşleştirerek, her iki dünyanın da en iyilerini kullanan çok dilli bir uygulama oluşturabilirsiniz.

  • Tanıtım - Python arka uç videosu ile JavaScript ön ucu yapılandırma

Bu makale, Azure OpenAI Hizmeti ve Azure Yapay Zeka Arama kullanarak nasıl sohbet uygulaması oluşturabileceğinizi gösteren makale koleksiyonunun bir parçasıdır. Koleksiyondaki diğer makaleler şunlardır:

Not

Bu makalede, makaledeki örnekler ve kılavuzlar için temel olarak bir veya daha fazla yapay zeka uygulaması şablonu kullanılır. Yapay zeka uygulama şablonları, yapay zeka uygulamalarınız için yüksek kaliteli bir başlangıç noktası sağlamaya yardımcı olan, bakımlı, kolay dağıtılan başvuru uygulamaları sağlar.

Önkoşullar

Aşağıdaki makaleleri kullanarak iki referans mimarisini dağıtın. Her iki dağıtım için de aynı aboneliği ve bölgeyi kullandığınızdan emin olun. Dağıtım 20 dakika kadar sürebilir. Dağıtımları yukarıda bırakın; bu makaleyi tamamlayana kadar Kaynakları temizleme bölümünü tamamlamayın.

  • JavaScript sohbet uygulamasını bu makaleyi kullanarak dağıt.
  • Python sohbet uygulamasını bu makaleyi kullanarak dağıtın.

Ön uç ve arka uç için URL'leri alma

İki referans mimariyi dağıtıma aldığınızda, iki adet tam yığın uygulamanız olur. JavaScript ön ucuna Python arka ucu bağlamak için her iki uygulamanın URL'lerini alın ve yapılandırın.

Her depoya yerel olarak veya Codespaces içinde ayrı bir geliştirme ortamında sahip olmanız gerekir.

Python arka ucunda JavaScript ön uç URL'sini ayarlama

  1. JavaScript geliştirme ortamında aşağıdaki komutu çalıştırarak JavaScript ön ucu için URL'yi alın:

    azd env get-values | grep WEBAPP_URI

    Bu komut, bulut ortamı değişkenlerinin tümünü alır ve WEBAPP_URI değişkeni için filtreler. URL'nin sonunda bir eğik çizgi bitmediğinden emin olun.

  2. URL'yi kopyalayın.

  3. Python geliştirme ortamında, aşağıdaki komutu çalıştırarak JavaScript ön ucu için URL'yi ayarlayın:

    azd env set ALLOWED_ORIGIN <FRONTEND-URL>

  4. Python geliştirme ortamında aşağıdaki komutu çalıştırarak Python arka ucu yeniden dağıtın:

    azd up

JavaScript ön uçta Python arka uç URL'sini ayarlama

  1. Python geliştirme ortamında aşağıdaki komutu çalıştırarak Python arka ucu url'sini alın:

    azd env get-values | grep BACKEND_URI

    Bu komut, bulut ortamı değişkenlerinin tümünü alır ve BACKEND_URI değişkeni için filtreler. URL'nin sonunda bir eğik çizgi bitmediğinden emin olun.

  2. URL'yi kopyalayın.

  3. JavaScript geliştirme ortamında aşağıdaki komutu çalıştırarak Python arka ucu url'sini ayarlayın:

    azd env set BACKEND_URI <BACKEND_URI>

  4. Python geliştirme ortamında, Python geliştirme ortamında aşağıdaki komutu çalıştırarak Python arka ucu yeniden dağıtın:

    azd up

Python arka ucuyla JavaScript ön ucu kullanma

Python uygulaması insan kaynakları avantajları konu başlığını kullanırken JavaScript uygulaması ise emlak konu başlığını kullanır. Artık uygulamalar bağlı olduğuna göre, İK hakları hakkında soru sormak için kullanıcı arayüzünü kullanabilirsiniz. Önerilen sorular şunlardır:

  • Northwind Health Plus planımda standart olmayan neler var?
  • Performans gözden geçirmesinde ne olur?
  • Product Manager ne yapar?

Kaynakları temizleme

Uygulamalarla işiniz bittiğinde, daha fazla ücret ödememek için kaynakları silebilirsiniz.

  • Bu yönergelerle JavaScript uygulamasını silin
  • Bu yönergelerle Python uygulamasını silin

Troubleshoot

  • Hata alırsanız, ortama girdiğiniz URL'lerin eğik çizgiyle /bitmediğini doğrulayın.

İlgili içerik

  • Last updated on