1 - 使用 .NET 将搜索添加到网站的概述

本教程将构建一个网站来搜索书籍目录,然后将该网站部署到 Azure 静态 Web 应用。

该示例有什么作用?

此示例网站提供对 10000 本书籍的目录的访问权限。 用户可以通过在搜索栏中输入文本来搜索目录。 用户输入文本时,网站将使用搜索索引的建议功能来完成文本。 查询完成后,将显示书籍列表,其中包含详细信息部分。 用户可以选择书籍来查看该书籍的所有详细信息(存储在搜索索引中)。

Screenshot of the sample app in a browser window.

搜索体验包括:

  • 搜索 - 为应用程序提供搜索功能。
  • 建议 - 当用户在搜索栏中键入内容时提供建议。
  • Facet 和筛选器 - 提供分面导航结构,可按作者或语言筛选。
  • 分页结果 - 提供用于滚动浏览结果的分页控件。
  • 文档查找 - 按 ID 查找文档,以检索其详细信息页的所有内容。

如何对示例进行组织?

示例代码包含以下内容:

应用 目标 GitHub
存储库
位置
客户端 React 应用(表示层),用于通过搜索显示书籍。 它调用 Azure Function 应用。 /search-website-functions-v4/client
服务器 Azure .NET Function 应用(业务层)- 使用 .NET SDK 调用 Azure AI 搜索 API /search-website-functions-v4/api
大容量插入 .NET 文件,用于创建索引并向其中添加文档。 /search-website-functions-v4/bulk-insert

设置开发环境

为本地开发环境安装以下各项。

通过 git 创建搜索示例的分支和克隆搜索示例

为示例存储库创建分支对于能够部署静态 Web 应用至关重要。 Web 应用根据您自己的 GitHub 分支位置确定生成操作和部署内容。 静态 Web 应用中的代码远程执行,Azure 静态 Web 应用从已创建分支的示例中的代码读取。

  1. 在 GitHub 上,创建示例存储库分支。

    在 Web 浏览器中使用 GitHub 帐户完成分支创建过程。 本教程使用分支作为部署到 Azure 静态 Web 应用的一部分。

  2. 在 bash 终端,将分支示例应用程序下载到本地计算机。

    YOUR-GITHUB-ALIAS 替换为 GitHub 别名。

    git clone https://github.com/YOUR-GITHUB-ALIAS/azure-search-dotnet-samples
    
  3. 在同一 Bash 终端,转到此网站搜索示例的分支存储库:

    cd azure-search-dotnet-samples
    
  4. 使用 Visual Studio Code 命令 code . 打开分支存储库。 其余任务从 Visual Studio Code 完成,除非另有指定。

    code .
    

为 Azure 资源创建资源组

  1. 在 Visual Studio Code 中,开启活动栏,然后选择 Azure 图标。

  2. 在“资源”部分,选择“添加”(+),然后选择“创建资源组”。

    Screenshot of Visual Studio Code, in Azure explorer, showing **Create Resource Group** option.

  3. 输入资源组名称,例如 cognitive-search-website-tutorial

  4. 选择靠近自己的位置。

  5. 在本教程后面部分中创建 Azure AI 搜索和 Static Web Apps 资源时,请使用此资源组。

将此资源组用于本教程中创建的所有资源。 资源组可以使用逻辑单元来管理资源,包括在完成后将其删除。

后续步骤