胖蒜

分享有价值的资源

在 Laravel 5.5 中使用官方扩展包 Scout + Algolia 实现全文搜索

今天,我来给大家演示下如何在Laravel 5.5中使用 Scout + Algolia 实现全文搜索。
Laravel 5.5 为我们提供了很多新特性,同时也引入了很多新的扩展包,今天我们就要用到 Laravel 5.5 提供的基于模型实现全文搜索的 Scout 扩展包。如果你想要在 Laravel 中实现全文搜索功能,那么最快捷的办法也就是使用这个扩展包。
在本教程中,我将手把手一步一步进行操作和说明,以便大家更好的理解其原理和实现,从而在自己的应用中更加得心应手地去使用。
首先,给大家放一个预览图:

接下来,我会一步一步教大家怎么实现的。
这里,我们假设你已经安装好了Laravel 5.5 应用。

第一步:安装扩展包

工欲善其事,必先利其器。在这一步中,我们需要安装两个扩展包:
1)laravel/scout
2)algolia/algoliasearch-client-php

首先,我们通过 Composer 来安装 Scout,在项目根目录下运行如下安装命令:

composer require laravel/scout

安装成功之后,打开config/app.php注册服务提供者添加:

Laravel\Scout\ScoutServiceProvider::class,

接下来,我们还要通过以下命令发布配置文件:

php artisan vendor:publish --provider="Laravel\Scout\ScoutServiceProvider"

运行完成后,会发现在config目录下新增了一个scout.php文件,该文件就是 Scout 的配置文件。

第二步:安装algolia扩展包

composer require algolia/algoliasearch-client-php

第三步:扩展包配置

安装完 Algolia 扩展包之后,还需要配置 Algol 的 id 和 secret。这需要我们在Algolia.com上有一个账户才能获取到对应的信息,如果还没有的话去注册一个。
注册完成登录后通过这个链接获取到应用的 id 和 secret 信息,web界面和信息所处位置如下:

将上述 id 和 secret 信息设置到.env配置文件:

ALGOLIA_APP_ID=paste app id
ALGOLIA_SECRET=paste app secret

第四步:创建模型

在app目录的文章模型下,添加以下内容:

namespace App;

use Illuminate\Database\Eloquent\Model;
use Laravel\Scout\Searchable;

class Item extends Model
{
    use Searchable;
    public $fillable = ['title'];
    /**
     * 获取模型的索引名称
     *
     * @return string
     */
    public function searchableAs()
    {
        return 'items_index';
    }
}

第五步:添加新的路由

Route::get('/search','SearchController@index');

第六步:创建控制器

完成上述操作后,接下来我们来创建路由中定义的控制器app/Http/Controllers/SearchController.php,该控制器用于管理items列表以及新增item并返回响应。因此,我们编辑该控制器文件内容如下:

namespace App\Http\Controllers;

use Illuminate\Http\Request;
use App\Http\Requests;
use App\Item;

class SearchController extends Controller
{

    /**
     * items列表
     */
    public function index(Request $request)
    {
        if($request->has('titlesearch')){
            $items = Item::search($request->titlesearch)
                     ->paginate(6);
        }else{
            $items = Item::paginate(6);
        }
        return view('search',compact('items'));
    }
}

第七步:创建视图

最后一步,我们来创建视图文件resources/views/search.blade.php,编辑视图文件代码如下:

<!DOCTYPE html>
<html>
    <head>
        <title>Laravel 5.5 - laravel scout algolia search example</title>
        <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
    </head>
    <body>
        <div class="container">
            <h2>Laravel Full Text Search using Scout and algolia</h2><br/>
        <div class="panel panel-primary">
            <div class="panel-heading">Item management</div>
                <div class="panel-body">
                    <form method="GET" action="/search">
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <input type="text" name="titlesearch" class="form-control" placeholder="Enter Title For Search" value="{{ old('titlesearch') }}">
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <button class="btn btn-success">Search</button>
                            </div>
                        </div>
                    </div>
                    </form>

                    <table class="table table-bordered">
                        <thead>
                             <th>Id</th>
                             <th>Title</th>
                             <th>Creation Date</th>
                             <th>Updated Date</th>
                        </thead>
                        <tbody>
                        @if($items->count())
                            @foreach($items as $key => $item)
                            <tr>
                                <td>{{ ++$key }}</td>
                                <td>{{ $item->title }}</td>
                                <td>{{ $item->created_at }}</td>
                                <td>{{ $item->updated_at }}</td>
                            </tr>
                            @endforeach
                        @else
                            <tr>
                                 <td colspan="4">There are no data.</td>
                            </tr>
                        @endif
                        </tbody>
                    </table>
                    {{ $items->links() }}
                </div>
            </div>
        </div>
    </body>
</html>

OK,现在我们可以来看看上述代码的效果了,首先在项目根目录下启动PHP内置服务器:

php artisan serve

然后在浏览器中访问http://localhost:8000/search
如果你已经添加记录到items数据表的话,就可以运行如下命令将数据添加到索引:

php artisan scout:import "App\Item"

这样就可以在页面中进行搜索操作了。
声明:本文整理翻译自itsolutionstuff.com

感觉很棒,欢迎点赞 OR 打赏~

分享到:

评论 (0)

立即登录评论
可联系QQ744272645咨询
马上咨询 自媒体号