Sdílet prostřednictvím

Krok 1 : Přehled přidání vyhledávání do statické webové aplikace pomocí .NET

Tento kurz vytvoří web, který prohledá katalog knih a pak nasadí web do statické webové aplikace Azure.

Co ukázka dělá?

Tento ukázkový web poskytuje přístup k katalogu 10 000 knih. Katalog můžete prohledávat zadáním textu na panelu hledání. Při zadávání textu používá web funkci návrhu indexu vyhledávání k automatickému dokončování textu. Po dokončení dotazu se na webu zobrazí seznam knih s částí podrobností. Výběrem knihy můžete zobrazit všechny podrobnosti uložené v indexu vyhledávání knihy.

Snímek obrazovky ukázkové aplikace v okně prohlížeče

Vyhledávací prostředí zahrnuje:

  • Vyhledávání – poskytuje funkci vyhledávání pro aplikaci.
  • Navrhnout – poskytuje návrhy, když uživatel píše na panelu hledání.
  • Fasety a filtry – poskytuje fasetovou navigační strukturu, která filtruje podle autora nebo jazyka.
  • Stránkované výsledky – poskytuje ovládací prvky stránkování pro posouvání výsledků.
  • Vyhledávání dokumentů – vyhledá dokument podle ID a načte veškerý jeho obsah stránky podrobností.

Jak je ukázka uspořádaná?

Vzorový kód obsahuje následující komponenty:

Aplikace Účel GitHub
Repository
Umístění
klient Aplikace React (prezentační vrstva) k zobrazení knih s hledáním Volá aplikaci Funkcí Azure. /azure-search-static-web-app/client
api Aplikace funkcí Azure .NET (obchodní vrstva) – volá rozhraní API služby Azure AI Search pomocí sady .NET SDK. /azure-search-static-web-app/api
hromadné vložení Projekt .NET pro vytvoření indexu a přidání dokumentů do něj. /azure-search-static-web-app/bulk-insert

Nastavení vývojového prostředí

Vytvořte služby a nainstalujte následující software pro místní vývojové prostředí.

Tento kurz nespouští rozhraní API služby Azure Functions místně. Pokud ho chcete spustit místně, nainstalujte nástroje azure-functions-core-tools.

Vytvoření forku a naklonování ukázky hledání pomocí Gitu

Pokud chcete nasadit statickou webovou aplikaci, musíte vytvořit fork ukázkového úložiště. Webové aplikace používají umístění forku GitHubu k rozhodnutí o akcích sestavení a obsahu nasazení. Provádění kódu ve statické webové aplikaci probíhá vzdáleně pomocí Azure Static Web Apps, který čte kód z vaší ukázky forku.

  1. Na GitHubu forkujte úložiště azure-search-static-web-app.

    Dokončete proces forku ve webovém prohlížeči pomocí účtu GitHub. Tento kurz používá váš fork jako součást nasazení do azure Static Web Appu.

  2. V terminálu Bash si stáhněte rozvětvovanou ukázkovou aplikaci do místního počítače.

    Nahraďte YOUR-GITHUB-ALIAS aliasem GitHubu.

    git clone https://github.com/YOUR-GITHUB-ALIAS/azure-search-static-web-app.git

  3. Ve stejném terminálu Bash přejděte do vašeho forku úložiště pro tento příklad vyhledávání na webu:

    cd azure-search-static-web-app

  4. K otevření rozvětvovaného úložiště použijte příkaz code . editoru Visual Studio Code. Zbývající úlohy provedete z editoru Visual Studio Code, pokud není zadáno.

    code .

Další kroky

  • Last updated on