Megjegyzés
Az oldalhoz való hozzáféréshez engedély szükséges. Megpróbálhat bejelentkezni vagy módosítani a címtárat.
Az oldalhoz való hozzáféréshez engedély szükséges. Megpróbálhatja módosítani a címtárat.
Ez az oktatóanyag létrehoz egy webhelyet, amely egy könyvkatalóguson keresztül keres, majd üzembe helyezi a webhelyet egy Azure Static Web Appban.
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. Amikor a lekérdezés befejeződik, a webhely megjeleníti a könyvek listáját 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 |
|---|---|---|
| kliens | 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 futtatja helyileg az Azure Function API-t. 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 statikus webes alkalmazás üzembe helyezéséhez másolatot kell készítenie a mintaadattárról. A webalkalmazások a GitHub-elágazás helyével határozzák meg a buildelési műveleteket és az üzembehelyezési tartalmakat. A statikus webalkalmazás kódvégrehajtása távolról történik, az Azure Static Web Apps pedig az elágazott mintából olvassa be a kódot.
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-ALIASa GitHub-aliasát.git clone https://github.com/YOUR-GITHUB-ALIAS/azure-search-static-web-app.gitUgyanabban a Bash-terminálban lépjen az elágazott adattárba a webhely keresési példájához:
cd azure-search-static-web-appA Visual Studio Code paranccsal
code .nyissa meg az elágazott adattárat. A fennmaradó feladatokat a Visual Studio Code-ból hajthatja végre, hacsak nincs megadva.code .