Tanggal :13 Juni 2024
Menginstal Laravel Livewire

Belajar Laravel Livewire : Menginstal Laravel Livewire

Artikel ini bagian ke 2 dari total 8 artikel di seri Belajar Laravel Livewire

Assalamualaikum Warohmatulloh Wabarokatuh, karena melihat repon bagus dari kawan kawan tentang Laravel Livewire, maka disini saya akan melanjutkan untuk menulis tentang implementasi Laravel Livewire dan bagaimana kerennya benda satu ini, tentu akan kita mulai dengan menginstal terlebih dulu y, jadi sabar, pertama tentu kita harus require ke dalam projek Laravel kita.

composer require livewire/livewire

Menambahkan Aset Livewire

Setelah terinstal, sekarang kita harus menyisipkan kode @livewireStyles di dalam tag head.

<head>
    @livewireStyles
</head>

Dan @livewireScripts pada di antara tag body, atau di baris terakhir sebelum tag penutup body.

<body>
    ...
    @livewireScripts
</body>

Menerbitkan File Konfigurasi

Livewire sesungguhnya ingin kawan kawan tidak perlu melakukan konfigurasi sama sekali, tetapi ada pengguna yang memang membutuhkan opsi lebih dari konfigurasi.

Kita bisa menerbitkan file konfigurasi dengan perintah artisan ini.

php artisan vendor:publish --tag=livewire:config

Konfigurasi URL Dasar Aset Livewire

Secara Default Livewire meletakkan Javascriptnya ( livewire.js ) pada routing ini /livewire/livewire.js di aplikasi Laravel kita.

Pada kenyataanya tag script yang dihasilkan sebenarnya adalah seperti ini .

<script src="/livewire/livewire.js" />

Ada dua hal yang menyebabkan kondisi di atas berubah :

  1. Kita menerbitkan / publish aset Livewire dan sekarang kita letakkan pada sub-folder misalnya “assets”.
  2. Aplikasi kita di hosting tidak pada root path pada domain kita, Contohnya : https://kawankoding.id/application. Dalam kasus ini asetnya akan diletakkan pada /application/livewire/livewire.js tetapi tag script yang dihasilkan akan mencoba mengambil dari /livewire/livewire.js.

Untuk menyelesaikan masalah di atas, kita bisa mengganti konfigurasi “asset_base_url” yang akan disisipkan ke atribut src="" .

Contohnya, setelah menerbitkan konfigurasi Livewire, ini adalah setting yang harus kita sesuaikan

'asset_base_url' => '/assets'
// atau
 'asset_base_url' => '/application'

Sekian pembahasan tentang cara instalasi dan konfigurasi Laravel Livewire, di tulisan berikutnya kita akan membuat sebuah aplikasi sederhana dengan mengimplementasikan Laravel Livewire.

Wassalamualaikum Warohmatulloh Wabarokatuh.

Series Navigation<< Apa Itu Laravel Livewire ?Belajar Laravel Livewire : Menampilkan Data >>

Hai semua, saya Amirul seorang Software Engineer, suka membuat konten pembelajaran berupa artikel, video tutorial maupun podcast

9 Comments

Tinggalkan Balasan