1 – Översikt över att lägga till sökning på en webbplats med .NET

  • Artikel
  • 2 minuter för att läsa

Den här självstudien skapar en webbplats för att söka igenom en katalog med böcker och distribuerar sedan webbplatsen till en statisk Azure-webbapp.

Programmet är tillgängligt:

Vad gör exemplet?

Den här exempelwebbplatsen ger åtkomst till en katalog med 10 000 böcker. En användare kan söka i katalogen genom att ange text i sökfältet. När användaren anger text använder webbplatsen sökindexets förslagsfunktion för att slutföra texten. När frågan är klar visas listan med böcker med en del av informationen. En användare kan välja en bok för att se all information som lagras i sökindexet för boken.

Den här exempelwebbplatsen ger åtkomst till en katalog med 10 000 böcker. En användare kan söka i katalogen genom att ange text i sökfältet. När användaren anger text använder webbplatsen sökindexets förslagsfunktion för att slutföra texten. När sökningen är klar visas listan med böcker med en del av informationen. En användare kan välja en bok för att se all information som lagras i sökindexet för boken.

Sökupplevelsen omfattar:

  • Search – innehåller sökfunktioner för programmet.
  • Föreslå – ger förslag när användaren skriver i sökfältet.
  • Dokumentuppslag – söker efter ett dokument efter ID för att hämta allt dess innehåll för informationssidan.

Hur organiseras exemplet?

Exemplet innehåller följande:

App Syfte GitHub
Lagringsplats
Location
Client React-app (presentationslager) för att visa böcker med sökning. Den anropar Azure-funktionsappen. /search-website/src
Server Azure .NET-funktionsapp (affärslager) – anropar Azure Cognitive Search API med hjälp av .NET SDK /search-website/api
Massinläsning .NET-fil för att skapa indexet och lägga till dokument i det. /search-website/bulk-insert

Ställt in din utvecklingsmiljö

Installera följande för din lokala utvecklingsmiljö.

Föra och klona sökexempel med git

Att förföra exempeldatabasen är viktigt för att kunna distribuera den statiska webbappen. Webbapparna avgör byggåtgärderna och distributionsinnehållet baserat på din egen GitHub-förkplats. Kodkörningen i den statiska webbappen är fjärransluten, Azure Static Web Apps kan läsa från koden i det förförda exemplet.

  1. På GitHub förför du exempeldatabasen.

    Slutför förloppsprocessen i webbläsaren med ditt GitHub-konto. I den här självstudien används din föring som en del av distributionen till en statisk Azure-webbapp.

  2. I en bash-terminal laddar du ned exempelprogrammet till din lokala dator.

    Ersätt YOUR-GITHUB-ALIAS med ditt GitHub-alias.

    git clone https://github.com/YOUR-GITHUB-ALIAS/azure-search-dotnet-samples

  3. I Visual Studio Code öppnar du den lokala mappen för den klonade lagringsplatsen. De återstående uppgifterna utförs från Visual Studio Code, om inget annat anges.

Skapa en resursgrupp för dina Azure-resurser

  1. I Visual Studio Code öppnar du Aktivitetsfältetoch väljer Azure-ikonen.

  2. I sidofältet högerklickar du på din Azure-prenumeration under Resource Groups området och väljer Skapa resursgrupp.

    I sidofältet **högerklickar du på din Azure-prenumeration** under området "Resursgrupper" och väljer **Skapa resursgrupp**.

  3. Ange ett resursgruppnamn, till exempel cognitive-search-website-tutorial .

  4. Välj en plats nära dig.

  5. När du skapar resurserna Cognitive Search Static Web App senare i självstudien använder du den här resursgruppen.

    När du skapar en resursgrupp får du en logisk enhet för att hantera resurserna, inklusive att ta bort dem när du är klar med dem.

Nästa steg