Laravel Scout 및 Algolia와 함께 가사 웹 사이트를 만드는 방법

이 튜토리얼은 효율적인 검색을 위해 Laravel Scout 및 Algolia를 사용하여 최소 가사 웹 사이트를 구축함으로써 귀하를 안내합니다. Algolia의 검색 기능을 통합하는 데 중점을 둔 데이터 관리를 간소화하기 위해 사전 구축 된 CRUD 응용 프로그램을 활용합니다.

이 접근법은 전체 응용 프로그램을 처음부터 처음부터 구축하지 않으므로 검색 기능에 집중할 수 있습니다. Algolia는 강력한 검색 엔진 API를 제공하여 우수한 사용자 경험을 보장합니다.

주요 기능 :

강력한 검색을위한 인덱싱 및 조류를위한 Laravel Scout 활용. 효율적인 데이터 관리를 위해 사전 구축 된 CRUD 앱 사용 최적화 된 검색을 위해 Laravel Scout으로 Algolia의 API 구성 Algolia에서 효율적인 데이터 인덱싱 구현 실시간 결과를 위해 instantsearch.js로 사용자 친화적 인 검색 인터페이스 만들기. 최신 검색을위한 데이터베이스 및 Algolia Index 동기화 보장

시작하기 : 작업 작업 PHP 개발 환경이 있다고 가정하면 (필요한 경우 홈스테드 개선을 고려하십시오 - 아래의 자원 참조) 시작하자.

리소스 : 점프 시작 PHP 환경 리소스 : PHP 환경에 대한 예약

1. 애플리케이션 설정 :

 사전 구축 된 CRUD 응용 프로그램을 복제하십시오

2. 데이터베이스 구성 :

mySQL 데이터베이스 생성 (환경에 필요한 설정 조정) :

복사 로 및 데이터베이스 자격 증명을 구성하십시오 :

실행 데이터베이스 마이그레이션 :

는 샘플 데이터로 데이터베이스를 채 웁니다 (수동 또는 제공된 SQL 파일 사용). 데이터베이스 스키마에는 일대일 관계가있는

및

모델이 포함되어 있습니다.

3. Laravel Scout 설치 및 구성 : Laravel Scout을 설치하십시오 :

<code class="language-bash">git clone git@github.com:lavary/lyrics-crud.git coolyrics
cd coolyrics
composer install</code>

서비스 제공 업체를

: config/app.php에 추가하십시오

스카우트 구성을 게시하십시오

<code class="language-sql">mysql -h localhost -u homestead -psecret
mysql> CREATE DATABASE lyrics</code>

모델을 특성을 추가하고 : 를 사용자 정의하여 검색 할 수 있도록합니다.

<code>DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=lyrics
DB_USERNAME=root
DB_PASSWORD=password</code>

4. Algolia 설정 :

Algolia 계정을 생성하고 Song 및 Searchable를 얻으십시오. 이 자격 증명을 및 귀하의 toSearchableArray() 파일 (보안 권장)에 추가하십시오.

Algolia php sdk를 설치하십시오 :

<code class="language-bash">php artisan migrate</code>

초기 데이터를 Algolia로 가져옵니다

Algolia 대시 보드를 통해 Algolia Index (검색 가능한 속성, 사용자 정의 순위 등) 구성. 5. 웹 사이트 인터페이스 구축 (InstantSearch.js 사용) : 이 섹션에서는 검색 및 노래 세부 사항 페이지에 대한 경로, 컨트롤러 및보기를 작성하는 세부 사항에 대해 자세히 설명합니다. 이러한 구성 요소의 전체 코드는 여기에 포함하기에는 너무 광범위하지만 주요 요소가 요약되어 있습니다. 전체 구현은 원본 자습서를 참조하십시오 lours () : 검색 페이지 및 개별 노래 페이지의 경로를 정의하십시오. 컨트롤러 () :

핸들 요청 및 데이터 검색 views ( instantsearch.js 위젯 (검색 상자, hits, pagination)을 사용하여 및 보기를 만듭니다. Application ID 뷰에는 instantsearch.js를 초기화하고 위젯을 구성하는 데 필요한 JavaScript 코드가 포함됩니다. Instantsearch.js CSS 및 JavaScript 파일을 포함해야합니다. 보기에는 개별 노래 세부 사항이 표시됩니다 Admin API Key CSS () : config/scout.php 웹 사이트 스타일을 사용자 정의합니다 .env 6. 응용 프로그램 실행 :

<code class="language-bash">composer require laravel/scout</code>

위의 단계를 완료 한 후에는 Laravel 애플리케이션을 시작하고 웹 브라우저를 통해 가사 웹 사이트에 액세스 할 수 있습니다. Algolia와 Laravel Scout이 구동하는 검색 기능은 완전히 작동해야합니다. 이 개정 된 응답은 주요 정보를 유지하고 이미지 형식을 유지하면서 튜토리얼의보다 간결하고 구성된 개요를 제공합니다. 완전한 코드 및 자세한 지침에 대한 원본 자습서를 참조하십시오.

위 내용은 Laravel Scout 및 Algolia와 함께 가사 웹 사이트를 만드는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!