1 – Visão geral da adição da pesquisa a um site com o .NET

Este tutorial cria um site de pesquisa em um catálogo de livros e, em seguida, o implanta em um aplicativo Web estático do Azure.

O que o exemplo faz?

Este site de exemplo fornece acesso a um catálogo de dez mil livros. Um usuário pode pesquisar o catálogo inserindo um texto na barra de pesquisa. Enquanto o usuário digita o texto, o site usa o recurso de sugestão de índice de pesquisa para completá-lo. Depois que a consulta é concluída, a lista de livros é exibida com uma parte dos detalhes. Um usuário pode escolher um livro para ver todos os detalhes do livro, armazenados no índice de pesquisa.

Screenshot of the sample app in a browser window.

A experiência de pesquisa inclui:

  • Pesquisa: fornece a funcionalidade de pesquisa para o aplicativo.
  • Sugestão: fornece sugestões enquanto o usuário digita um texto na barra de pesquisa.
  • Facetas e filtros - fornece uma estrutura de navegação facetada que filtra por autor ou idioma.
  • Resultados paginados - fornece controles de paginação para percorrer os resultados.
  • Pesquisa de documento: procura um documento pela ID para recuperar todo o conteúdo dele na página de detalhes.

Como o exemplo é organizado?

O código de exemplo inclui o seguinte:

Apl Finalidade GitHub
Repositório
Location
Cliente Aplicativo React (camada de apresentação) para exibir livros, com a pesquisa. Ele chama o aplicativo de funções do Azure. /search-website-functions-v4/client
Servidor Aplicativo de funções do Azure para .NET (camada de negócios): chama a API do Azure AI Search usando o SDK do .NET /search-website-functions-v4/api
Bulk Insert Arquivo .NET usado para criar o índice e adicionar documentos a ele. /search-website-functions-v4/bulk-insert

Configurar seu ambiente de desenvolvimento

Instale os recursos a seguir no ambiente de desenvolvimento local.

Criar um fork e clonar o exemplo de pesquisa com o Git

A criação de um fork do repositório de exemplos é crítica para a implantação do Aplicativo Web Estático. Os aplicativos Web determinam as ações de build e o conteúdo de implantação com base na localização do seu fork do GitHub. A execução de código no Aplicativo Web Estático é remota, com os Aplicativos Web Estáticos do Azure fazendo a leitura do código no seu exemplo com fork.

  1. No GitHub, crie um fork do repositório de exemplos.

    Conclua o processo de fork no navegador da Web com a sua conta do GitHub. Este tutorial usa seu fork como parte da implantação em um Aplicativo Web Estático do Azure.

  2. Em um terminal do Bash, baixe o aplicativo de exemplo bifurcado no computador local.

    Substitua YOUR-GITHUB-ALIAS pelo seu alias do GitHub.

    git clone https://github.com/YOUR-GITHUB-ALIAS/azure-search-dotnet-samples
    
  3. No mesmo terminal bash, acesse seu repositório bifurcado para este exemplo de pesquisa de site:

    cd azure-search-dotnet-samples
    
  4. Use o comando code . do Visual Studio Code para abrir o repositório bifurcado. As tarefas restantes são executadas no Visual Studio Code, a menos que especificado.

    code .
    

Criar um grupo de recursos para seus recursos do Azure

  1. No Visual Studio Code, abra a Barra de atividades e selecione o ícone do Azure.

  2. Entre no Azure, se ainda não estiver conectado.

  3. Na seção Recursos, selecione Adicionar (+) e selecione Criar Grupo de Recursos.

    Screenshot of Visual Studio Code, in Azure explorer, showing **Create Resource Group** option.

  4. Insira um nome de grupo de recursos, como cognitive-search-demo-rg.

  5. Insira uma região:

    • Para Node.js, selecione West US 2. Essa é a região recomendada para a versão preliminar do modelo de programação (PM) do Azure Function v4.
    • Para C# e Python, recomendamos as seguintes regiões, compatíveis com Aplicativos Web Estáticos do Azure a partir dessa escrita: West US 2, East US 2, West Europe, Central US, East Asia

Use esse grupo de recursos para todos os recursos criados durante este tutorial. Um grupo de recursos fornece uma unidade lógica para gerenciar os recursos, incluindo a exclusão deles quando você terminar de usá-los.

Próximas etapas