Rumah > pembangunan bahagian belakang > tutorial php > Cara Membina Laman Web Lirik dengan Pengakap Laravel dan Algolia

Cara Membina Laman Web Lirik dengan Pengakap Laravel dan Algolia

尊渡假赌尊渡假赌尊渡假赌
Lepaskan: 2025-02-09 11:48:13
asal
237 orang telah melayarinya

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.

How to Build a Lyrics Website with Laravel Scout and 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.

How to Build a Lyrics Website with Laravel Scout and Algolia

How to Build a Lyrics Website with Laravel Scout and Algolia 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 How to Build a Lyrics Website with Laravel Scout and Algolia How to Build a Lyrics Website with Laravel Scout and Algolia
  • 1. Menyediakan permohonan:

klon permohonan CRUD yang telah dibina:

2. Konfigurasi Pangkalan Data:
git clone git@github.com:lavary/lyrics-crud.git coolyrics
cd coolyrics
composer install
Salin selepas log masuk
Salin selepas log masuk

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

salin

ke
mysql -h localhost -u homestead -psecret
mysql> CREATE DATABASE lyrics
Salin selepas log masuk
Salin selepas log masuk
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>
Salin selepas log masuk
Salin selepas log masuk

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

dan
php artisan migrate
Salin selepas log masuk
Salin selepas log masuk
model dengan hubungan satu-ke-banyak.

Artist Song

3. Memasang dan Mengkonfigurasi Pengakap Laravel: How to Build a Lyrics Website with Laravel Scout and Algolia

Pasang Laravel Scout:

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

tambahkan penyedia perkhidmatan ke config/app.php:

mysql -h localhost -u homestead -psecret
mysql> CREATE DATABASE lyrics
Salin selepas log masuk
Salin selepas log masuk

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>
Salin selepas log masuk
Salin selepas log masuk

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

php artisan migrate
Salin selepas log masuk
Salin selepas log masuk

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

composer require laravel/scout
Salin selepas log masuk

Pasang Algolia PHP SDK:

Laravel\Scout\ScoutServiceProvider::class,
Salin selepas log masuk

Import data awal ke Algolia:

php artisan vendor:publish --provider="Laravel\Scout\ScoutServiceProvider"
Salin selepas log masuk

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!

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan