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:
App | Cél | GitHub Adattár Hely |
---|---|---|
ügyfél | A React alkalmazás (bemutató réteg) a könyvek kereséssel való megjelenítéséhez. Meghívja az Azure-függvényalkalmazást. | /azure-search-static-web-app/client |
api | Azure .NET-függvényalkalmazás (üzleti réteg) – meghívja az Azure AI Search API-t a .NET SDK használatával | /azure-search-static-web-app/api |
tömeges beszúrás | .NET-projekt az index létrehozásához és dokumentumok hozzáadásához. | /azure-search-static-web-app/bulk-insert |
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.
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.
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
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
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 .