>本文展示了使用Angular和Elasticsearch構(gòu)建食譜搜索網(wǎng)站。 厭倦了與Solr或Lucene搏鬥？ Elasticsearch是一種開源的，位於Lucene的存儲引擎，自2010年以來提供了更簡單的解決方案。它不僅僅是搜索引擎。這是一個文件存儲，優(yōu)先考慮搜索速度。對於許多應(yīng)用程序，它可以用作整個後端。

鍵優(yōu)點：

• >利用Elasticsearch與OpenRecipes的JSON兼容性，這是一個隨時可用的JSON食譜數(shù)據(jù)集。
• >利用Elasticsearch的Restful API與各種環(huán)境進行直接互動（此處使用的JavaScript驅(qū)動程序）。
使用用戶界面的AngularJS，與Elasticsearch後端無縫集成以進行有效的數(shù)據(jù)檢索和顯示。
• >通過強調(diào)要保護Elasticsearch實例的代理的需求（缺乏固有的用戶/權(quán)限控制）。
• 構(gòu)建食譜搜索引擎：

該教程通過創(chuàng)建類似於OpenRecipesearch.com的食譜搜索引擎為您引導(dǎo)您。 OpenRecipes提供了一種方便的JSON格式，與Elasticsearch的JSON結(jié)構(gòu)完全一致。

>下載並運行Elasticsearch。它的內(nèi)置靜坐後端簡化了互動。 在此示例中使用JavaScript驅(qū)動程序。
1. > 數(shù)據(jù)攝入：
獲取OpenRecipes數(shù)據(jù)庫（一個大JSON文件）。提供的node.js腳本（
2. ）有效地將此數(shù)據(jù)加載到elasticsearch中。 該腳本使用Elasticsearch JavaScript庫（）。 > load_recipes.js npm install elasticsearch驗證：
>使用
3. 驗證數(shù)據(jù)導(dǎo)入的數(shù)據(jù) curl構(gòu)建食譜搜索UI（帶有角度）：curl -XPOST http://localhost:9200/recipes/recipe/_search -d '{"query": {"match": {"_all": "cake"}}}'>
angularJS用於創(chuàng)建用戶界面。 該過程涉及：

> 用戶輸入：用戶輸入搜索查詢。

該查詢被發(fā)送到elasticsearch。
1. 結(jié)果檢索：搜索結(jié)果。
>
2. 結(jié)果渲染：>結(jié)果顯示給用戶。
>
3. 提供的HTML代碼展示用於構(gòu)建搜索接口的角指令。 解釋了關(guān)鍵的角度概念，包括指令（，
等），模板變量（
4. ）和數(shù)據(jù)綁定。 JavaScript代碼包括：
   • >模塊創(chuàng)建：window.MyOpenRecipes = angular.module('myOpenRecipes', ['elasticsearch'], ...);設(shè)置Angular模塊。
   • >控制器（recipeCtrl）：>管理UI相互作用，包括搜索和分頁。
   >
   • >服務(wù)（recipeService）：處理與Elasticsearch後端的通信。 此服務(wù)使用Elasticsearch JavaScript庫和$q服務(wù)進行保證處理。

   >部署注意：> >用於生產(chǎn)部署，請保護您的Elasticsearch實例。 Elasticsearch缺乏內(nèi)置的用戶/權(quán)限管理；建議使用代理（例如nginx）來限制僅訪問必要的端點（例如，

   ）。

   /recipes/recipe/_search結(jié)論：

   本教程提供了使用Angular和Elasticsearch構(gòu)建功能食譜搜索網(wǎng)站的實用指南。 完整的代碼可在GitHub上找到（原始文本中未提供鏈接）。 常見問題解答部分解決了有關(guān)分頁，查詢優(yōu)化，錯誤處理，安全性，測試，部署，實時搜索，聚合，自動完成和集群性能監(jiān)視的常見問題。

以上是使用Angular和Elasticsearch構(gòu)建食譜搜索網(wǎng)站的詳細內(nèi)容。更多資訊請關(guān)注PHP中文網(wǎng)其他相關(guān)文章！