Aracılığıyla paylaş

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 AI Search 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ı açık 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 mimarisini dağıttıktan sonra, iki tam yığın uygulaması yüklemiş olursunuz. JavaScript ön uçunu Python arka ucuyla kullanmak için JS ön ucu ve PY arka ucu URL'lerini almanız ve bunları diğer uygulamada yapılandırmanız gerekir.

Her bir depoyu, yerel olarak ya da Codespaces içinde, ayrı bir geliştirme ortamında bulundurmanı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, tüm bulut ortam değişkenlerini alır ve BACKEND_URI değişkenini filtreler. URL'nin sonunda "/" işareti olmamasına dikkat edin.

  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

Sorun giderme

  • Hata alırsanız, ortama girdiğiniz URL'leri gözden geçirin. Sonlarında bir eğik çizgi olmamasına dikkat edin, /.

Sonraki adımlar

  • Last updated on