使用Angular和Elasticsearch构建食谱搜索网站

>本文展示了使用Angular和Elasticsearch构建食谱搜索网站。 厌倦了与Solr或Lucene搏斗？ Elasticsearch是一种开源的，位于Lucene的存储引擎，自2010年以来提供了更简单的解决方案。它不仅仅是搜索引擎。这是一个文件存储，优先考虑搜索速度。对于许多应用程序，它可以用作整个后端。

键优点：

• >利用Elasticsearch与OpenRecipes的JSON兼容性，这是一个随时可用的JSON食谱数据集。
• >利用Elasticsearch的Restful API与各种环境进行直接互动（此处使用的JavaScript驱动程序）。
使用用户界面的AngularJS，与Elasticsearch后端无缝集成以进行有效的数据检索和显示。
• >通过强调要保护Elasticsearch实例的代理的需求（缺乏固有的用户/权限控制）。
• 构建食谱搜索引擎：

该教程通过创建类似于OpenRecipesearch.com的食谱搜索引擎为您引导您。 OpenRecipes提供了一种方便的JSON格式，与Elasticsearch的JSON结构完全一致。

设置：

>下载并运行Elasticsearch。它的内置静坐后端简化了互动。 在此示例中使用JavaScript驱动程序。
1. > 数据摄入：
获取OpenRecipes数据库（一个大JSON文件）。提供的node.js脚本（
2. ）有效地将此数据加载到elasticsearch中。 该脚本使用Elasticsearch JavaScript库（）。> load_recipes.js npm install elasticsearch验证：
>使用
3. 验证数据导入的数据 curl构建食谱搜索UI（带有角度）：curl -XPOST http://localhost:9200/recipes/recipe/_search -d '{"query": {"match": {"_all": "cake"}}}'>
angularJS用于创建用户界面。 该过程涉及：

> 用户输入：用户输入搜索查询。

elasticsearch Query：

该查询被发送到elasticsearch。
1. 结果检索：搜索结果。
>
2. 结果渲染：>结果显示给用户。
>
3. 提供的HTML代码展示用于构建搜索接口的角指令。 解释了关键的角度概念，包括指令（，
等），模板变量（
4. ）和数据绑定。 JavaScript代码包括：
   • >模块创建：window.MyOpenRecipes = angular.module('myOpenRecipes', ['elasticsearch'], ...);设置Angular模块。
   • >控制器（recipeCtrl）：>管理UI相互作用，包括搜索和分页。
   >
   • >服务（recipeService）：处理与Elasticsearch后端的通信。 此服务使用Elasticsearch JavaScript库和$q服务进行保证处理。

   >部署注意：> >用于生产部署，请保护您的Elasticsearch实例。 Elasticsearch缺乏内置的用户/权限管理；建议使用代理（例如nginx）来限制仅访问必要的端点（例如，

   ）。

   /recipes/recipe/_search结论：

   本教程提供了使用Angular和Elasticsearch构建功能食谱搜索网站的实用指南。 完整的代码可在GitHub上找到（原始文本中未提供链接）。 常见问题解答部分解决了有关分页，查询优化，错误处理，安全性，测试，部署，实时搜索，聚合，自动完成和集群性能监视的常见问题。

以上是使用Angular和Elasticsearch构建食谱搜索网站的详细内容。更多信息请关注PHP中文网其他相关文章！