- Apa Itu Laravel Livewire ?
- Belajar Laravel Livewire : Menginstal Laravel Livewire
- Belajar Laravel Livewire : Menampilkan Data
- Belajar Laravel Livewire : Menampilkan Data Dengan Component
- Belajar Laravel Livewire : Menambahkan Data Tanpa Reload Halaman
- Belajar Laravel Livewire : Membuat Validasi Form Livewire
- Belajar Laravel Livewire : Membuat Pagination Tanpa Reload
- Belajar Laravel Livewire : Membuat Pencarian Realtime
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/livewireMenambahkan 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:configKonfigurasi 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 :
- Kita menerbitkan / publish aset Livewire dan sekarang kita letakkan pada sub-folder misalnya “assets”.
- 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.jstetapi 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.
Mas Minta dibuatin tutorial untuk yang menggunakan config
itu sudah ada contoh, tinggal sesuaikan pathnya, kalau jalanin pakai artisan serve aja.
harus pke artisan serve ya bang??
apanya ? ada masalah kalau ga pake artisan serve?
‘asset_base_url’ => ‘/assets’
// atau
‘asset_base_url’ => ‘/application’
setting ini di file mana ya mas?
itu boleh diskip kalo ga publish confignya 😀
‘asset_base_url’ => ‘/assets’
// atau
‘asset_base_url’ => ‘/application’
kalo udh keburu di publish, settingnya di file mana ya?
config/livewire.php harusnya ada file itu
Udah dirubah settingnya tapi routing livewire.js tidak berubah masih ttp /livewire/livewire.js itu kenapa ya?