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을 설치하십시오 :

git clone git@github.com:lavary/lyrics-crud.git coolyrics
cd coolyrics
composer install

서비스 제공 업체를

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

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

mysql -h localhost -u homestead -psecret
mysql> CREATE DATABASE lyrics

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

<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를 설치하십시오 : <🎜 🎜>

php artisan migrate

초기 데이터를 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. 응용 프로그램 실행 : <<<>

composer require laravel/scout

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

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