Laravel 10 Authentication with Firebase | Boostrap 5 | MySql | Css | Js
Halo!
Pada tutorial ini, kita akan belajar bagaimana cara membuat register dan login user menggunakan Firebase Authentication pada Laravel 10.
Langkah-langkahnya adalah sebagai berikut:
Pertama, kita perlu memastikan bahwa composer telah terinstall pada komputer kita. Jika belum, silahkan download dan install composer terlebih dahulu.
https://getcomposer.org/download/
Setelah itu, kita perlu membuat project Laravel baru. Kita bisa menggunakan command prompt dan jalankan perintah berikut:
composer create-project --prefer-dist laravel/laravel laravel-auth
Perintah ini akan membuat sebuah project Laravel baru dengan nama 'laravel-auth'.
Setelah itu, kita akan menggunakan package kreait/laravel-firebase. Kita bisa menginstall package ini menggunakan composer dengan command berikut:
composer require kreait/laravel-firebase
setelah itu ketikan perintah untuk publish firebase config dengan command berikut:
php artisan vendor:publish --provider="Kreait\Laravel\Firebase\ServiceProvider" --tag=config
Setelah package berhasil terinstall, kita bisa mengkonfigurasi Firebase pada file .env
Anda dapat mengunduh Firebase Admin SDK dari halaman Firebase Console. Untuk mengunduh SDK, ikuti langkah-langkah berikut:
Buka Firebase Console dan pilih proyek Firebase Anda.
https://console.firebase.google.com/
Klik ikon pengaturan di pojok kiri atas.
Pilih opsi "Project Settings".
Di bawah tab "Service Accounts", klik tombol "Generate New Private Key" untuk menghasilkan kunci pribadi baru.
File JSON yang berisi informasi autentikasi akan diunduh ke komputer Anda.
Setelah mengunduh file JSON, Anda dapat menyimpannya di dalam direktori yang sesuai dengan kebutuhan Anda.
disini kita akan copy file tersebut ke root project laravel auth
setelah itu buka config firebase yang berada di folder config
dan copy name FIREBASE_CREDENTIALS
kemudian kita pergi ke file .env
dan paste FIREBASE_CREDENTIALS di baris paling bawah
dan kita juga akan menggunakan database bernama firebase-auth
dan copy name dari file firebase yang sebelumnya kita download
Untuk CSS, Anda dapat mengunduh file css dan js dari website resmi Bootstrap 5 di https://getbootstrap.com/docs/5.0/get....
Kemudian, simpan file tersebut di dalam folder public pada proyek Anda
Setelah itu, kita perlu membuat base layout yang nantinya digunakan di semua view, dan disini saya akan menggunakan boostrap 5 sebagai asset css dan js
pertama kita buat dulu folder layouts di dalam folder resources/views
dan kita buat file bernama app.blade.php
dan setelah itu kita buat juga folder auth
dan kita buat file bernama login.blade.php
dan kita buat juga file bernama register.blade.php yang digunakan untuk register
dan kita buat juga file home.blade.php
setelah itu kita perlu membuat folder Services di dalam folder app
dan kita buat juga file bernama FirebaseAuthenticationService.php yang nantinya digunakan untuk handle register dan login menggunakan firebase
dan kita buat fungsi register dan login user
lalu kita tambahkan service firebase ke boot di file app service provider
pertama kita tambahkan service yang barusan kita buat di dalam fungsi boot
setelah itu kita perlu membuat controller auth dengan command
php artisan make:controller AuthController
dan kita buat fungsi login dan register untuk user
dan kita buat juga fungsi logout
dan kita buat juga controller home
php artisan make:controller HomeController
setelah itu
kita perlu menambahkan route baru pada file 'web.php'. Kita bisa menambahkan route untuk halaman register, login dan home
dan disini kita juga akan menggunakan middelware auth bawaan dari laravel
lalu kita perlu menambahkan field firebase_uid pada migration user dan gunakan nullable
lalu kita bisa run command migration pada terminal
php artisan migrate:fresh
kemudian kita bisa mulai menjalankan project dengan command php artisan serve
dan kita buka url localhost:8000
lalu disini kita akan coba register user baru
dan setelah berhasil masuk ke halaman home
kita bisa cek apakah data yang kita daftarkan masuk ke firebase dan database, jika data tersebut sudah masuk kita bisa logout
dan kita akan mencoba fungsi login, untuk memastikan semua fungsi berjalan.
jadi sekian video kali ini
Terima kasih telah menonton video tutorial ini. Saya berharap tutorial ini bermanfaat bagi Anda dalam mempelajari cara membuat register dan login user menggunakan Firebase Authentication pada Laravel 10.
Jangan lupa untuk berlangganan channel kami dan klik tanda lonceng agar tidak ketinggalan video tutorial selanjutnya. Kami akan terus berupaya memberikan konten-konten tutorial yang berkualitas dan bermanfaat bagi Anda.
Jika ada pertanyaan atau saran, jangan ragu untuk meninggalkan komentar di bawah. Kami akan berusaha untuk menjawab secepat mungkin.
Sekali lagi, terima kasih telah menonton. Sampai jumpa di tutorial kami berikutnya
link source code
https://github.com/ArdianR/laravel-10...