Laravel ScoutとAlgoliaで歌詞のWebサイトを構築する方法

このチュートリアルは、Laravel ScoutとAlgoliaを使用して効率的な検索を使用して、最小限の歌詞Webサイトを構築することをガイドします。 事前に構築されたCRUDアプリケーションを活用してデータ管理を合理化し、Algoliaの検索機能の統合に焦点を当てています。

このアプローチは、アプリケーション全体をゼロから構築することを避け、検索機能に集中できるようになります。 Algoliaは堅牢な検索エンジンAPIを提供し、優れたユーザーエクスペリエンスを確保します。

主要な機能：

インデックスのためのLaravel Scoutと強力な検索のためのアルゴリアのレバレッジ。 効率的なデータ管理のために事前に構築されたCRUDアプリを使用しています

最適化された検索のためにAlgoliaのAPIをLaravel Scoutで構成します Algoliaで効率的なデータインデックス作成の実装

リアルタイムの結果のためにinstantsearch.jsを使用したユーザーフレンドリーな検索インターフェイスを作成します。
• 最新の検索のためにデータベースとAlgoliaインデックスの同期を確保します
• 始めましょう：
• 動作中のPHP開発環境があると仮定します（必要に応じてHomesteadが改善されたと考えてください - 以下のリソースを参照してください）、始めましょう。
• リソース：
• Jump Start Php Environment

1。アプリケーションのセットアップ：

事前に構築されたCRUDアプリケーションをクローンします：

• 2。データベースの構成： MySQLデータベースを作成します（環境に必要に応じて設定を調整します）： コピーに
を作成し、データベースの資格情報を構成します：

データベースの移行を実行：

データベースにサンプルデータを入力します（手動または提供されたSQLファイルを使用して）。 データベーススキーマには、1対多数の関係を持つ

および

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

モデルが含まれています。

3。 Laravel Scoutのインストールと構成：

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

Laravel Scoutをインストール：.env.example

<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>

Song特性を追加してカスタマイズすることにより、Searchableモデルを検索可能にしますtoSearchableArray()：

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

4。 Algoliaのセットアップ：

Algoliaアカウントを作成して、Application IDとAdmin API Keyを取得します。 これらの資格情報をconfig/scout.phpおよびファイルに追加します（セキュリティに推奨）：.env

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

Algolia PHP SDKをインストールします：

<code class="language-php">Laravel\Scout\ScoutServiceProvider::class,</code>

初期データをAlgoliaにインポートする：

<code class="language-bash">php artisan vendor:publish --provider="Laravel\Scout\ScoutServiceProvider"</code>

Algoliaダッシュボードを介してAlgoliaインデックス（検索可能な属性、カスタムランキングなど）を構成します。

5。 Webサイトインターフェイスの構築（instantsearch.jsを使用）：

このセクションでは、検索および曲の詳細ページのルート、コントローラー、およびビューの作成を詳細に説明します。 これらのコンポーネントの完全なコードは、ここに含めるには広すぎますが、重要な要素の概要が概説されています。 完全な実装については、元のチュートリアルを参照してください

ルート（）：

検索ページと個々の曲ページのルートを定義します。
• コントローラー（）：routes/web.phpリクエストとデータの取得を処理します。
• views（>：InstantSearch.jsウィジェット（SearchBox、Hits、Pagination）を使用しておよびapp/Http/Controllers/LyricsController.phpビューを作成します。 ビューには、instantsearch.jsを初期化してウィジェットを構成するために必要なJavaScriptコードが含まれます。 instantsearch.js cssとjavascriptファイルを含めることを忘れないでください。
ビューには、個々の曲の詳細が表示されます。
• resources/viewscss（）：Webサイトのスタイリングをカスタマイズします search.blade.php song.blade.phpsearch.blade.php6。 アプリケーションの実行：song.blade.php
• 上記の手順を完了した後、Laravelアプリケーションを開始し、Webブラウザーを介して歌詞のWebサイトにアクセスできます。 AlgoliaとLaravel Scoutを搭載した検索機能は完全に動作する必要があります。 この改訂された応答は、重要な情報を維持し、画像のフォーマットを維持しながら、チュートリアルのより簡潔で整理された概要を提供します。 完全なコードと詳細な指示については、元のチュートリアルを参照してください。

以上がLaravel ScoutとAlgoliaで歌詞のWebサイトを構築する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。