Atualizar o aplicativo de bate-papo para usar o frontend JavaScript com o back-end Python
O aplicativo de bate-papo é um aplicativo de referência que demonstra como usar o serviço Azure OpenAI. Cada arquitetura de referência de linguagem de programação fornece funcionalidades ligeiramente diferentes. Este artigo descreve como usar o frontend JavaScript com o back-end Python.
Ao misturar e combinar o frontend e o back-end, você pode criar um aplicativo multilíngue que usa o melhor dos dois mundos.
- Demonstração - Configurar o frontend JavaScript com o vídeo de back-end do Python
Este artigo faz parte de uma coleção de artigos que mostram como criar um aplicativo de bate-papo usando o Serviço OpenAI do Azure e a Pesquisa de IA do Azure. Outros artigos na coleção incluem:
Observação
Este artigo usa um ou mais modelos de aplicativo de IA como base para os exemplos e orientações no artigo. Os modelos de aplicativos de IA fornecem implementações de referência bem mantidas e fáceis de implantar que ajudam a garantir um ponto de partida de alta qualidade para seus aplicativos de IA.
Pré-requisitos
Implante as 2 arquiteturas de referência usando os artigos a seguir. Certifique-se de usar a mesma assinatura e região para ambas as implantações. A implantação poderá levar até 20 minutos. Deixe as implantações para cima; não conclua a seção Limpar recursos até concluir este artigo.
- Implantar o aplicativo de bate-papo JavaScript usando este artigo
- Implantar o aplicativo de bate-papo Python usando este artigo
Obter as URLs para frontend e back-end
Depois de implantar as duas arquiteturas de referência, você terá dois aplicativos de pilha completa implantados. Para usar o frontend JavaScript com o back-end Python, você precisa obter as URLs para o frontend JS e o back-end PY e configurá-las no outro aplicativo.
Você deve ter cada repositório em um ambiente de desenvolvimento separado, localmente ativado em Codespaces.
Definir URL de front-end JavaScript no back-end Python
No ambiente de desenvolvimento JavaScript, obtenha a URL para o frontend JavaScript executando o seguinte comando:
azd env get-values | grep WEBAPP_URI
Esse comando obtém todas as variáveis de ambiente de nuvem e filtra a
WEBAPP_URI
variável. Certifique-se de que o URL não termina com uma barra,/
.Copie a URL.
No ambiente de desenvolvimento Python, defina a URL para o frontend JavaScript executando o seguinte comando:
azd env set ALLOWED_ORIGIN <FRONTEND-URL>
No ambiente de desenvolvimento Python, reimplante o back-end Python executando o seguinte comando:
azd up
Definir URL de back-end do Python no frontend JavaScript
No ambiente de desenvolvimento Python, obtenha a URL para o back-end Python executando o seguinte comando:
azd env get-values | grep BACKEND_URI
Esse comando obtém todas as variáveis de ambiente de nuvem e filtra a
BACKEND_URI
variável. Certifique-se de que o URL não termina com uma barra,/
.Copie a URL.
No ambiente de desenvolvimento JavaScript, defina a URL para o back-end Python executando o seguinte comando:
azd env set BACKEND_URI <BACKEND_URI>
No ambiente de desenvolvimento Python, reimplante o back-end Python executando o seguinte comando no ambiente de desenvolvimento Python:
azd up
Usar o frontend JavaScript com o back-end Python
O aplicativo Python usa uma área de assunto de benefícios de RH, enquanto o aplicativo JavaScript usa uma área de assunto de imóveis. Agora que os aplicativos estão conectados, você pode usar o front-end para perguntar sobre os benefícios do RH. As perguntas sugeridas incluem:
- O que está incluído no meu plano Northwind Health Plus que não é padrão?
- O que acontece em uma avaliação de desempenho?
- O que faz um Gerente de Produto?
Limpar os recursos
Quando terminar de usar os aplicativos, você poderá excluir os recursos para evitar incorrer em mais cobranças.
- Exclua o aplicativo JavaScript com estas instruções
- Exclua o aplicativo Python com estas instruções
Solução de problemas
- Se você receber um erro, revise as URLs inseridas no ambiente. Certifique-se de que eles não terminem com uma barra,
/
.
Próximas etapas
- Criar um aplicativo de chat com a arquitetura de solução de práticas recomendadas do Azure OpenAI
- Controle de acesso em aplicativos de IA generativos com a Pesquisa de IA do Azure
- Criar uma solução OpenAI pronta para empresas com o Gerenciamento de API do Azure
- Superando a busca em vetores com recursos de recuperação e classificação híbridas
Comentários
https://aka.ms/ContentUserFeedback.
Em breve: Ao longo de 2024, eliminaremos os problemas do GitHub como o mecanismo de comentários para conteúdo e o substituiremos por um novo sistema de comentários. Para obter mais informações, consulteEnviar e exibir comentários de