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

  • Makale

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 2 başvuru 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.

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

İki başvuru mimarisini dağıttıktan sonra dağıtılan iki tam yığın uygulamasına sahip 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 depoya Codespaces içinde yerel olarak açık 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, değişkenin tüm bulut ortamı değişkenlerini ve filtrelerini WEBAPP_URI alır. URL'nin eğik çizgiyle /bitdiğ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, değişkenin tüm bulut ortamı değişkenlerini ve filtrelerini BACKEND_URI alır. URL'nin eğik çizgiyle /bitdiğ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ı bir İk avantajları konu alanı, JavaScript uygulaması ise bir emlak konu alanı kullanır. Artık uygulamalar bağlı olduğuna göre, İk avantajları hakkında soru sormak için ön ucu 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.

Sorun giderme

  • Hata alırsanız, ortama girdiğiniz URL'leri gözden geçirin. Eğik çizgiyle /bitmeyeceklerine emin olun.

Sonraki adımlar