自律才能自由

大家都在搜

laravel

当前位置：首页 > Laravel > 正文内容

Laravel中使用Algolia Search

williamQian2年前 (2022-12-15)Laravel18680

### 一、Algolia介绍

> [Algolia](https://www.algolia.com/ "Algolia") 是一个托管搜索引擎，提供全文、数值和分面搜索，能够从第一次击键开始提供实时结果。 Algolia强大的API可让您在网站和移动应用程序中快速无缝地实施搜索。

简单来说，我们可以将数据存储到algolia，algolia会将数据进行全文索引，而且提供了丰富的API，我们可以在前端、后端使用这些api对数据进行管理、搜索。

#### 1. 登录algolia，建议选择github登录
![](https://static.bigfoot.xin/zb_users/upload/2022/12/202212151057342230608.png)

#### 2. 创建应用
* 输入应用名称，选择付费方案，我们可以选择免费版，然后下一步。注意免费版只能存10000条数据，支持每月10000次搜索。

![](https://static.bigfoot.xin/zb_users/upload/2022/12/202212151436363485247.png)

* 选择数据托管区域，建议选择香港，延迟更低，左下角可以预览从不同区域发出请求到你所选择的区域所花的大致时间。然后点击右下角的按钮进入应用预览。

![](https://static.bigfoot.xin/zb_users/upload/2022/12/202212151443576623497.png)

* 应用预览页面，接受隐私条款什么的，点击创建应用，你的应用就创建成功了。

![](https://static.bigfoot.xin/zb_users/upload/2022/12/202212151452094490287.png)

#### 3. 查看应用秘钥

进入后台面板后，点击Api Keys

![](https://static.bigfoot.xin/zb_users/upload/2022/12/202212151546433566532.png)

可以看到应用的ID、API KEY，这些我们后面会用到。

![](https://static.bigfoot.xin/zb_users/upload/2022/12/202212151552078155537.png)

### 二、Laravel中集成Algolia

>laravel/scout包其实是自带Algolia驱动的，只要在config/scout.php 中配置Algolia应用的id和secret，然后安装`algolia/algoliasearch-client-php`就能使用了。但是根据Algolia文档的说明，他们提供了laravel/scout包的替代品：[algolia/scout-extended](https://github.com/algolia/scout-extended "algolia/scout-extended")，algolia/scout-extended是基于最新的laravel/scout构建的，在laravel/scout的基础上增加了“零停机时间导入”、“聚合器”等功能，所以我们选择使用`algolia/scout-extended`

**请先阅读laravel/scout的文档，了解scout的基本使用，再查看下面的教程**

#### 1. 安装algolia/scout-extended

具体安装和配置步骤可以查看官方文档：https://www.algolia.com/doc/framework-integration/laravel/getting-started/installation/?client=php

注意装了scout-extended包后，我们就不用再安装`algolia/algoliasearch-client-php`了，scout-extended的依赖已经包含了此包。

* 配置algolia参数，setting_path是索引配置文件的保存目录

![](https://static.bigfoot.xin/zb_users/upload/2022/12/202212151623446166131.png)

* 配置config/scout.php中的prefix，设置为当前env，这样能够让不同环境的索引数据保持独立

![](https://static.bigfoot.xin/zb_users/upload/2022/12/202212151622394412542.png)

#### 2. 常用命令

* 生成模型的索引配置文件，比如索引语言、可搜索字段等，这些也可以在algolia后台面板设置

`php artisan scout:optimize`

* 同步algolia服务器和本地的索引配置文件：

`php artisan scout:sync`

* 导入数据

`php artisan scout:import`

import命令执行流程：

![](https://static.bigfoot.xin/zb_users/upload/2022/12/202212151637183131867.png)

* 零停机时间导入

`php artisan scout:reimport`

reimport命令执行流程：

![](https://static.bigfoot.xin/zb_users/upload/2022/12/202212151632287332236.png)

可以看出来，import命令是先清空索引的数据，再导入，对线上影响比较大。而reimport命令是先创建一个临时索引，将数据导入临时索引，再使用临时索引替换正式索引，整个过程对线上基本无影响。所以**建议使用reimport命令**。

### 三、查询建议

algolia提供了查询建议功能，查询建议其实也是一个索引，将它和别的索引关联，就能根据其他索引的搜索频次、命中次数等，将查询词存储到查询建议索引。具体可参考：https://www.algolia.com/doc/guides/building-search-ui/ui-and-ux-patterns/query-suggestions/js/

效果示意图：

![](https://static.bigfoot.xin/zb_users/upload/2022/12/202212151703131900440.png)

### 四、前端集成

前端可以使用官方的autocomplete.js或者InstantSearch.js，具体请查看：

InstantSearch.js： [https://www.algolia.com/doc/guides/building-search-ui/what-is-instantsearch/js/](https://www.algolia.com/doc/guides/building-search-ui/what-is-instantsearch/js/ "https://www.algolia.com/doc/guides/building-search-ui/what-is-instantsearch/js/")

autocomplete.js：[https://www.algolia.com/doc/ui-libraries/autocomplete/introduction/what-is-autocomplete/](https://www.algolia.com/doc/ui-libraries/autocomplete/introduction/what-is-autocomplete/ "https://www.algolia.com/doc/ui-libraries/autocomplete/introduction/what-is-autocomplete/")

下图是我使用autocomplete.js的效果：

![](https://static.bigfoot.xin/zb_users/upload/2022/12/202212151653598138880.png)

扫描二维码推送至手机访问。

本文链接：http://blog.bigfoot.xin/post/24.html

分享给朋友：

返回列表

上一篇：Laravel中使用ElasticSearch

下一篇：laravel队列的retry_after和timeout

“Laravel中使用Algolia Search” 的相关文章

Laravel中使用ElasticSearch

对于查询业务，如果用的是mysql，在遇到高并发查询，尤其是全文检索的场景时，容易出现性能瓶颈，这时候我们可以使用ElasticSearch，来增强我们后端的检索处理能力。关于ElasticSearch的安装，可以参考这篇文章：Linux环境安装ElasticSearch以及中文分词器。现在我们...

laravel队列的retry_after和timeout

最近执行一个job，发现有一个耗时较长的任务，执行到第90秒的时候，就会报Illuminate\Queue\MaxAttemptsExceededExceptio的错误，而任务最终还是成功执行了。原因发现是因为retry_after配置的是90秒，而任务的timeout是300秒，这样任...

日暮酒醒

大家都在搜

Laravel中使用Algolia Search

“Laravel中使用Algolia Search” 的相关文章

Laravel中使用ElasticSearch

laravel队列的retry_after和timeout

发表评论

Powered By Z-BlogPHP. Theme by TOYEAN.

日暮酒醒

大家都在搜

Laravel中使用Algolia Search

“Laravel中使用Algolia Search” 的相关文章

Laravel中使用ElasticSearch

laravel队列的retry_after和timeout

发表评论取消回复

Powered By Z-BlogPHP. Theme by TOYEAN.

发表评论