Algolia

Algolia 用于搜索。实际上,任何网站都可以利用 Algolia 支持的搜索功能。你将 JSON 数据(“记录”)放入,然后就可以以闪电般的速度搜索它们。Algolia 的魔力在于它们帮助你完成这两件事:将数据输入和获取搜索结果。

就数据输入而言,有很多方法。最可能的情况是,你已经在某处拥有数据,只需要将其提供给 Algolia。他们在 这方面有很好的文档。你基本上编写了一个在更新自身数据时更新 Algolia 的集成。有很多东西可以帮助你做到这一点。拥有一个 WordPress 网站?他们有一个 PHP API 客户端,人们已经 围绕它构建了插件

\

拥有一个 Rails 网站?他们有 为你提供的集成。如何才能找到一个 Jamstack 网站?没问题,他们有 一个 Netlify 构建插件。因此,例如,你的 Jekyll 网站可以拥有强大的搜索功能

一种方法,我个人已经多次使用过这种方法,就是手动输入记录。虽然手动输入记录并不特别可扩展,但我喜欢这种方法的可能性。

这就是“数据输入”部分。现在是令人兴奋的部分:构建搜索 UI 体验。这里也有好消息:有很多帮助可以让你变得很棒。

它的核心是 InstantSearch.js,这是 Algolia 直接提供的。该原生版本也有 ReactVueAngular 版本(你可以用任何东西实现它)。想快速了解它的工作原理?试试他们的 Create InstantSearchApp 流程,它会为你快速启动一个搜索 UI。

虽然你没有必要使用任何特定的库,但我发现它们非常易于使用,配置非常灵活,并且没有样式问题。想看看?CDNjs 在 Algolia 索引中包含所有内容,所以这里有一个将它连接起来并提供搜索 UI 的 Pen

你可以在代码中看到我如何控制结果数量、结果显示的模板和样式以及选择搜索结果时发生的情况。这很有用。

但这仅仅是 Algolia 的表面。Algolia 是一个非常成熟的平台,拥有各种你可以利用的铃铛和口哨。你可以调整算法,可以深入分析,可以利用 AI,可以将其用于原生移动应用程序……而且所有这些都伴随着真正的客户支持。