Membuat “Aplikasi pelaporan Pengaduan Masyarakat” dengan menggunakan Laravel [part 1]1. Install LaravelPertama instal laravel kita akan menggunakan versi melalui terminalcomposer create-project -prefer-dist laravel/laravel pengaduan masuk ke folder pengaduancd pengaduanSetelah itu jalankan perintah berikutphp artisan serveLalu kunjungi http//localhost8000/. Maka akan muncul tampilan seperti ini2. Membuat Login dan RegisterLaravel telah menyediakan perintah untuk membuat login dan register dengan cepat. Caranya jalankan perintah berikut di terminalphp artisan makeauthSetelah menjalankan perintah tersebut, kita lihat kembali http//localhost8000/ maka di bagian atas kanan muncul 2 link yang sebelumnya tidak adaSekarang kita coba melakukan register user. Kita buat user dengan data sebagai berikut bisa disesuaikanname Adminemail admin 12345678confirm password 12345678Ketika kita klik register, muncul error seperti berikutIni dikarenakan kita belum menyetting databasenya. Untuk menyetting databasenya, kita buka file .env. Lalu kita ubah DB_DATABASE dari laravel menjadi pengaduan bisa disesuaikan.Setelah itu buat sebuah database dengan nama pengaduanSetelah itu jalankan perintah berikut di terminal untuk membuat tabel userphp artisan migrateSetelah itu kita hentikan dulu php artisan serve dengan cara buka terminal yang sedang menjalankan server lalu klik Ctrl+CKemudian jalankan perintah berikutphp artisan configclearphp artisan servePerintah di atas adalah untuk menghapus config dikarenkan sebelumnya kita mengubah setting .env, lalu menjalankan kita coba melakukan register lagiKali ini kita berhasil melakukan register. Setelah berhasil melakukan proses register mari kita coba proses login. Kita perlu logout terlebih dahulu. Klik nama user yang ada di bagian kanan atas, lalu klik logoutSetelah itu kita akan diarahkan ke halaman awal. Klik login lalu isi sesuai user yang sebelumnya kita buatemail admin 123456783. Fix error too longLakukan langkah berikut untuk mengatasi “Specified key was too long error”Buka file lalu tambahkan kode berikutuse Illuminate\Support\Facades\Schema;public function boot{ SchemadefaultStringLength191;}4. Menambahkan login dan register dengan usernameUntuk menambahkan login dengan menggunakan username, bisa dilihat tutorialnya di adalah kita perlu menambahkan kolomusername pada tabel users. Caranya jalankan perintah berikut di terminalphp artisan makemigration add_username_to_users_table -table=userslalu akan dibuat file baru yyyy_mm_dd_add_username_to_users_table di folder database/migrations, buka file tersebut lalu tambahkan kode berikutpublic function up{ Schematable'users', function Blueprint $table { $table->string'username'->nullable->unique; };}public function down{ Schematable'users', function Blueprint $table { $table->dropColumn'username'; };}Jalankan migrasi databasephp artisan migrateBuka file App\User lalu tambahkan username pada array $fillable. Hal ini agar kita bisa menyimpan data username pada $fillable = [ 'name', 'email', 'password', 'username',];Buka file App/Http/Controllers/Auth/ lalu tambahkan username pada validator dan createprotected function validatorarray $data{ return Validatormake$data, [ 'name' => 'requiredstringmax255', 'username' => 'requiredstringmax20uniqueusers', 'email' => 'requiredstringemailmax255uniqueusers', 'password' => 'requiredstringmin6confirmed', ];}protected function createarray $data{ return Usercreate[ 'name' => $data['name'], 'username' => $data['username'], 'email' => $data['email'], 'password' => bcrypt$data['password'], ];}Buka file resources/views/auth/ kemudian kita tambahkan field untuk usernamesection'content'... csrf {{ __'Name' }} error'name' {{ $message }} enderror {{ __'Username' }} error'username' {{ $message }} enderror ......endsectionCoba cek halaman register, sekarang ada tambahan field username pada form registerBuka App/Http/Controllers/Auth/ lalu tambahkan kode berikut iniuse Illuminate\Http\Request;protected function credentialsRequest $request{ $field = filter_var $request->get$this->username, FILTER_VALIDATE_EMAIL ? $this->username 'username'; return [ $field => $request->get$this->username, 'password' => $request->password, ];}Lalu buka resources/views/auth/ kemudian kita ubah field email dari seperti berikut ini {{ __'E-Mail Address' }}menjadi seperti dibawah ini {{ __'E-Mail or Username' }}Tampilan halaman login menjadi seperti berikutSekarang kita bisa login dengan menggunakan username atau emailSebelumnya kita sudah mendaftarkan sebuah user yaitu admin, namun user ini belum memiliki username. Jadi kali ini kita hapus dulu semua data dan tabel. Setelah itu kita buat lagi user admin. Jalankan perintah berikut di terminalphp artisan migrateresetphp artisan migrateSekarang kita coba melakukan register user. Kita buat user dengan data sebagai berikut bisa disesuaikanname Adminusername adminemail admin 12345678confirm password 12345678Setelah selesai register coba logout. Kemudian kita coba login dengan menggunakan usernameemail or username adminpassword 12345678Tutorial selanjutnya bisa dilihat disini