Megosztás a következőn keresztül:

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

  • Cikk

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 [\javaslat 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.

Képernyőkép a mintaalkalmazásról egy böngészőablakban.

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.

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