Cara Membina Laman Web Lirik dengan Pengakap Laravel dan Algolia

Tutorial ini membimbing anda melalui membina laman web lirik yang minimum menggunakan Laravel Scout dan Algolia untuk mencari yang cekap. Kami akan memanfaatkan aplikasi CRUD yang telah dibina untuk menyelaraskan pengurusan data, memberi tumpuan kepada mengintegrasikan keupayaan carian Algolia.

Pendekatan ini menghindari membina keseluruhan aplikasi dari awal, membolehkan kita menumpukan pada fungsi carian. Algolia menyediakan API enjin carian yang mantap, memastikan pengalaman pengguna yang unggul.

Ciri -ciri Utama:

memanfaatkan pengakap Laravel untuk pengindeksan dan algolia untuk carian yang kuat.

menggunakan aplikasi CRUD yang telah dibina untuk pengurusan data yang cekap.
Mengkonfigurasi API Algolia dengan Pengakap Laravel untuk carian yang dioptimumkan.
Melaksanakan pengindeksan data yang cekap di Algolia.
Membuat antara muka carian mesra pengguna dengan instantsearch.js untuk hasil masa nyata.
Memastikan Penyegerakan Indeks Pangkalan Data dan Algolia untuk carian terkini.
Bermula:

Dengan mengandaikan anda mempunyai persekitaran pembangunan PHP yang bekerja (pertimbangkan Homestead bertambah baik jika diperlukan - lihat sumber di bawah), mari kita mulakan.

Sumber:

Mula Mula PHP Alam Sekitar
• Sumber: Buku mengenai Persekitaran PHP
1. Menyediakan permohonan:

klon permohonan CRUD yang telah dibina:

2. Konfigurasi Pangkalan Data:

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

Buat pangkalan data MySQL (menyesuaikan tetapan seperti yang diperlukan untuk persekitaran anda):

salin

ke

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

dan konfigurasikan kelayakan pangkalan data anda:

.env.example .env Jalankan Migrasi Pangkalan Data:

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

mengisi pangkalan data dengan data sampel (sama ada secara manual atau menggunakan fail SQL yang disediakan). Skema pangkalan data termasuk

dan

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

model dengan hubungan satu-ke-banyak.

Artist Song

3. Memasang dan Mengkonfigurasi Pengakap Laravel:

Pasang Laravel Scout:

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

tambahkan penyedia perkhidmatan ke config/app.php:

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

Terbitkan Konfigurasi Pengakap:

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

Buat model Song dicari dengan menambahkan sifat Searchable dan menyesuaikan toSearchableArray():

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

4. Menyediakan Algolia:

Buat akaun Algolia dan dapatkan Application ID dan Admin API Key anda. Tambahkan kelayakan ini ke config/scout.php dan fail .env anda (disyorkan untuk keselamatan):

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

Pasang Algolia PHP SDK:

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

Import data awal ke Algolia:

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

Konfigurasikan indeks Algolia anda (atribut yang boleh dicari, kedudukan tersuai, dan lain -lain) melalui papan pemuka Algolia.

5. Membina antara muka laman web (menggunakan instantsearch.js):

Butiran bahagian ini mewujudkan laluan, pengawal, dan pandangan untuk halaman carian dan lagu terperinci. Kod lengkap untuk komponen ini terlalu luas untuk dimasukkan ke sini, tetapi elemen utama digariskan. Rujuk tutorial asal untuk pelaksanaan penuh.

• Laluan (routes/web.php): Tentukan laluan untuk halaman carian dan halaman lagu individu.
• pengawal (app/Http/Controllers/LyricsController.php): mengendalikan permintaan dan pengambilan data.
• paparan (resources/views): Buat pandangan search.blade.php dan song.blade.php menggunakan widget instantsearch.js (carianbox, hits, pagination). Pandangan search.blade.php akan termasuk kod JavaScript yang diperlukan untuk memulakan instantsearch.js dan konfigurasikan widget. Ingat untuk memasukkan fail instantsearch.js CSS dan JavaScript. Lihat song.blade.php paparan memaparkan butiran lagu individu.
): Sesuaikan gaya laman web.
• public/css/styles.css 6. Menjalankan aplikasi:

Selepas melengkapkan langkah -langkah di atas, anda boleh memulakan aplikasi Laravel anda dan mengakses laman web lirik anda melalui pelayar web anda. Fungsi carian yang dikuasakan oleh Algolia dan Pengakap Laravel harus beroperasi sepenuhnya. Respons yang disemak ini memberikan gambaran yang lebih ringkas dan teratur mengenai tutorial, sambil mengekalkan maklumat utama dan memelihara pemformatan imej. Ingatlah untuk berunding dengan tutorial asal untuk kod lengkap dan arahan terperinci.

Atas ialah kandungan terperinci Cara Membina Laman Web Lirik dengan Pengakap Laravel dan Algolia. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!