Udostępnij za pośrednictwem

Krok 1. Omówienie dodawania wyszukiwania do statycznej aplikacji internetowej przy użyciu platformy .NET

  • Artykuł

Ten samouczek tworzy witrynę internetową do wyszukiwania w katalogu książek, a następnie wdraża witrynę internetową w statycznej aplikacji internetowej platformy Azure.

Co robi przykład?

Ta przykładowa witryna internetowa zapewnia dostęp do katalogu 10 000 książek. Wykaz można przeszukiwać, wprowadzając tekst na pasku wyszukiwania. Podczas wprowadzania tekstu witryna internetowa używa funkcji sugestii indeksu wyszukiwania do automatycznego uzupełniania tekstu. Po zakończeniu zapytania zostanie wyświetlona lista książek z częścią szczegółów. Możesz wybrać książkę, aby wyświetlić wszystkie szczegóły przechowywane w indeksie wyszukiwania książki.

Zrzut ekranu przedstawiający przykładową aplikację w oknie przeglądarki.

Środowisko wyszukiwania obejmuje:

  • Wyszukiwanie — udostępnia funkcje wyszukiwania dla aplikacji.
  • Sugerowanie — udostępnia sugestie, gdy użytkownik wpisuje na pasku wyszukiwania.
  • Aspekty i filtry — udostępnia strukturę nawigacji aspektowej, która filtruje według autora lub języka.
  • Wyniki podzielone na strony — udostępnia kontrolki stronicowania służące do przewijania wyników.
  • Wyszukiwanie dokumentów — wyszukuje dokument według identyfikatora, aby pobrać całą jego zawartość dla strony szczegółów.

Jak jest zorganizowana próbka?

Przykładowy kod zawiera następujące składniki:

Aplikacja Purpose GitHub
Repozytorium
Lokalizacja
klient Aplikacja React (warstwa prezentacji) do wyświetlania książek z wyszukiwaniem. Wywołuje aplikację funkcji platformy Azure. /azure-search-static-web-app/client
api Aplikacja funkcji platformy Azure .NET (warstwa biznesowa) — wywołuje interfejs API wyszukiwania sztucznej inteligencji platformy Azure przy użyciu zestawu SDK platformy .NET /azure-search-static-web-app/api
wstawianie zbiorcze Projekt .NET umożliwiający utworzenie indeksu i dodanie do niego dokumentów. /azure-search-static-web-app/bulk-insert

Konfigurowanie środowiska projektowego

Utwórz usługi i zainstaluj następujące oprogramowanie dla lokalnego środowiska programistycznego.

Ten samouczek nie uruchamia interfejsu API funkcji platformy Azure lokalnie, ale jeśli zamierzasz uruchomić go lokalnie, zainstaluj narzędzia azure-functions-core-tools.

Rozwidlenie i sklonowanie przykładu wyszukiwania za pomocą narzędzia git

Tworzenie rozwidlenia przykładowego repozytorium ma kluczowe znaczenie dla wdrożenia statycznej aplikacji internetowej. Aplikacje internetowe określają akcje kompilacji i zawartość wdrożenia na podstawie własnej lokalizacji rozwidlenia usługi GitHub. Wykonywanie kodu w statycznej aplikacji internetowej jest zdalne, a usługa Azure Static Web Apps odczytuje kod z rozwidlenia przykładu.

  1. W witrynie GitHub rozwidlenie repozytorium azure-search-static-web-app.

    Ukończ proces rozwidlenia w przeglądarce internetowej przy użyciu konta usługi GitHub. W tym samouczku używany jest rozwidlenie w ramach wdrożenia do statycznej aplikacji internetowej platformy Azure.

  2. W terminalu powłoki Bash pobierz przykładową aplikację rozwidlenia na komputer lokalny.

    Zastąp YOUR-GITHUB-ALIAS element aliasem usługi GitHub.

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

  3. W tym samym terminalu powłoki Bash przejdź do rozwidlenia repozytorium dla tego przykładu wyszukiwania w witrynie internetowej:

    cd azure-search-static-web-app

  4. Użyj polecenia programu Visual Studio Code, code . aby otworzyć rozwidlenie repozytorium. Pozostałe zadania są wykonywane z programu Visual Studio Code, chyba że określono.

    code .

Następne kroki