1. lépés – A keresés statikus webalkalmazáshoz való hozzáadásának áttekintése .NET-tel

Ez az oktatóanyag létrehoz egy webhelyet a könyvek katalógusában való kereséshez, majd üzembe helyezi a webhelyet egy Azure statikus webalkalmazásban.

Mit csinál a minta?

Ez a mintaweboldal 10 000 könyvből álló katalógushoz biztosít hozzáférést. A katalógusban úgy kereshet, hogy szöveget ír be a keresősávba. A szöveg beírása közben a webhely a keresési index javaslati funkciójával automatikusan kitölti a szöveget. Miután a lekérdezés befejeződött, a könyvek listája megjelenik a részletek egy részével. A könyv kiválasztásával megtekintheti a könyv keresési indexében tárolt összes részletet.

A keresési felület a következőket tartalmazza:

• Keresés – keresési funkciókat biztosít az alkalmazáshoz.
• Javaslat – javaslatokat ad, miközben a felhasználó beírja a keresősávot.
• Aspektusok és szűrők – olyan strukturált navigációs struktúrát biztosít, amely szerző vagy nyelv szerint szűr.
• Lapszámozott eredmények – lapozási vezérlőket biztosít az eredmények görgetéshez.
• Dokumentumkeresés – megkeres egy dokumentumot azonosító alapján, hogy lekérje a részletek lap összes tartalmát.

Hogyan van rendszerezve a minta?

A mintakód a következő összetevőket tartalmazza:

A fejlesztési környezet beállítása

Hozzon létre szolgáltatásokat, és telepítse a következő szoftvert a helyi fejlesztési környezethez.

• Azure AI Search, bármely régió vagy szint
• .NET 9 vagy legújabb verzió
• Git
• Visual Studio Code
• C# Dev Tools-bővítmény a Visual Studio Code-hoz
• Azure Static Web App-bővítmény a Visual Studio Code-hoz

Ez az oktatóanyag nem helyileg futtatja az Azure Function API-t, de ha helyileg szeretné futtatni, telepítse az Azure-Functions-core-tools eszközt.

A keresési minta elágazása és klónozása a gittel

A mintaadattár elágaztatása kritikus fontosságú a statikus webalkalmazás üzembe helyezéséhez. A webalkalmazások a saját GitHub-elágazásaik alapján határozzák meg a buildelési műveleteket és az üzembe helyezési tartalmakat. A statikus webalkalmazásban a kódvégrehajtás távoli, az Azure Static Web Apps pedig az elágazott mintában lévő kódból olvas fel.

1. A GitHubon elágaztassa az azure-search-static-web-app adattárat.

   Fejezze be az elágazással kapcsolatos folyamatot a webböngészőben a GitHub-fiókjával. Ez az oktatóanyag az elágazást használja az Azure Static Web App üzembe helyezésének részeként.

2. Egy Bash-terminálon töltse le az elágazott mintaalkalmazást a helyi számítógépre.

   Cserélje le YOUR-GITHUB-ALIAS a GitHub-aliasát.

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

3. Ugyanabban a Bash-terminálban lépjen az elágazott adattárba a webhely keresési példájához:

   cd azure-search-static-web-app
   

4. A Visual Studio Code paranccsal code . nyissa meg az elágazott adattárat. A fennmaradó feladatok a Visual Studio Code-ból lesznek végrehajtva, kivéve, ha meg vannak adva.

   code .
   

Következő lépések

• Index létrehozása és betöltése dokumentumokkal
• A statikus webalkalmazás üzembe helyezése