Mari kita bicara sedikit tentang Javascript Engine, seperti yang telah kita ketahui bahwa Javascript berjalan diatas sebuah Engine. Kurang lebih seperti pada gambar di bawah ini:

Skrip JS yang kita tulis diproses oleh Javascript Engine dan diterjemahkan ke dalam bahasa binary yang dimengerti prosesor komputer.

Apa yang terjadi di dalam mesin Javascript tersebut ? Nah, ini adalah salah satu bagian yang sedikit rumit, seperti yang kita tahu bahwa siapapun dapat membuat sebuah Engine, Ya termasuk kamu juga bisa membuat sebuah Engine, akan tetapi itu membutuhkan banyak sekali sumber daya dan waktu untuk dapat membuatnya, dan pada akhirnya itu hanyalah sebuah program.

Dan V8 Engine yang paling populer dan paling umum digunakan mengatakan bahwa mesin V8 merupakan mesin tercepat saat ini yang berjalan di browser Chrome.

Mesin ini, V8 Engine ditulis menggunakan bahasa C++, sebuah bahasa pemrograman tingkat rendah (low level programming). Tapi mari kita lihat apa yang sebenarnya terjadi di dalam Engine ini. Perhatikan Gambar dibawah ini :

Pertama, Script JS diproses dalam sesuatu yang disebut dengan analisis leksikal, yaitu proses memecah code dan menjadikannya sesuatu yang disebut token untuk mengidentifikasi artinya sehingga kita tahu apa yang sebenernya mau dilakukan oleh code tersebut. Token ini menjadi apa yang kita sebut sebagai AST (Abstract Syntax Tree). Jadi pertama kita Parser Code mengurainya dan mencari tahu bagaimana teks tersebut dibagi berdasarkan keyboard dari Javascript, dan dibentuk menjadi struktur seperti pohon yang disebut AST.

Dan ada sebuah Tools yang menyenangkan untuk membantu kita memahami dan mendemonstrasikan proses ini jika kita membuka website https://astexplorer.net

Dalam contoh sederhana diaatas, kita dapat mengetahui bentuk dari AST dari Script JS tersebut.

Dari gambar diatas, mari kita lihat dibagian Body, terdapat pembagian dari setiap code nya, mulai dari Variable Declaration dimana didalamnya terdapat berbagai property kemudian ada FunctionDeclaration yang semua itu membentuk susunan Pohon (Tree).

Setelah mecapai proses AST kemudian proses selanjutnya menuju Interpreter, Profiler, Compiler dan menghasilkan kode yang dapat dimengerti oleh CPU.

Mari kita buat sebuah Mesin sederhana seperti ini.

// Javascript Engine
function jsengine(code) {
  return code.split(/\s+/)
}

jsengine('var a = 5')

// Output
[ 'var', 'a', '=', '5']

Lihat! kita telah membuat Engine yang super duper sederhana yang dapat membantu kita untuk sedikit memahami proses penguraian code dan cara sebuah Engine bekerja.

Tapi memang begitulah cara kerjanya, pertama kita berikan code yang baru saja di stringify, kemudian kita mencoba untuk memecahnya kedalam beberapa bagian, kemudian hasil dari proses memecah ini, apapun kata kunci variabel yang muncul setelahnya adalah variabel yang akan kita tetapkan dan seterusnya dan seterusnya.

Dan kalian akan menyadari bahwa akan ada masalah terjadi. Lanjut di Javascript Foundation #3.

Bagaimana mekanisme Single Thread ? dan Apa yang membuat bahasa Javascript begitu powerfull ?

Javascript berjalan pada V8 Engine yang memiliki Memory Heap dan Callstack.

Javascript juga merupakan Single Thread yang berarti hanya satu statement yang dieksekusi dalam satu waktu.

Sebelum pelajari lebih dalam tentang Single Thread, saya akan menjelaskan dengan terminolgi se-simple mungkin untuk membantu pemahaman teman-teman sekalian.

Untuk dapat mengerti tentang Single Thread, teman-teman harus mengerti terlebih dahulu tentang konsep Data Structure yang disebut dengan Stack.

Saya akan menjelaskan sedikit tentang konsep dari Stack, sekarang saya asumsikan kalian memiliki setumpuk buku, kamu hanya dapat membaca judul buku yang paling atas dari tumpukan buku tersebut. Katakanlah buku teratas tersebut berjudul “40”, selanjutnya ketika kita ingin menambah satu buku lagi dengan judul “50” pada tumpukan buku tersebut. Maka yang terjadi akan tampak seperti pada gambar dibawah.

Sekarang bayangkan jika kita ingin mengambil buku dengan judul “10”, kita harus menunggu buku dengan judul “40”, “30” dan “20” sudah diambil dari tumpukan buku tersebut. Jika hanya ada beberapa tumpuk mungkin tidak masalah sedikit menunggu untuk mengambil buku yang berada diposisi paling bawah Stack, akan tetapi jika tumpukan buku tersebut mencapai ribuan bahkan ratusan ribu, tentu akan membutuhkan waktu yang sangat lama dan inilah yang menjadi masalah.

Sebagai contoh sederhana pada penerapannya, katakanlah kita menulis beberapa kode seperti dibawah ini :

const one() => {
  const two() => {
    console.log('5');
  }
  two();
}

Yang terjadi pada Stack akan seperti ini :

CallStack akan mengerjakan tugasnya dari urutan paling atas, seperti pada prinsip LIFO (Last In First Out), apapun yang terjadi urutan paling atas pada Stack akan dikerjakan terlebih dahulu. Pada program diatas fungsi dijalankan secara berurutan.

Mari kita perhatikan code dibawah ini :

const one() {
      console.log("Hello");
}
const two () {
    for(i=0; i<= 100000000000000000000000; i++){
        // do some heavy stuff
    }
}
const three(){
       console.log("World");
}
one();
two();
three();

Dari code diatas, bagaimana jika pada fungsi two() melakukan tugas yang amat berat dan berulang-ulang dengan jumlah pengulangan yang sangat banyak sekali ? Apakah artinya fungsi three() harus menunggu sampai fungsi two() selesai ? Secara teknis, Ya. Hal ini akan menjadi masalah pada proyek nyata dimana kita pengguna mungkin tidak dapat menunggu sampai proses tersebut selesai dijalankan.

Asynchronous (atau async) merupakan metode eksekusi yang dapat berjalan dengan tidak sesuai urutan eksekusi pada kode program. Pada motode Async program tidak harus menunggu sampai sebuah tugas tersebut selesai dijalankan untuk dapat melanjutkan ke tugas selanjutnya. Pada bahasa pemrograman lainnya, masing-masing memiliki caranya sendiri untuk dapat menerapkan metode Async, salah satu cara paling populer adalah melalui Multi-threading.

Sebagai contoh, bahasa pemrograman Java menerapkan Multi-threading dengan cara membuat child thread yang dapat melakukan eksekusi kode program secara independen dan terpisah. Pada akhirnya child thread tersebut akan bergabung kembali pada parent thread saat proses eksekusi kode program telah selesai.

Sekarang mari kita lihat bagaimana Aynchronous ini diterapkan pada Javascript :

console.log('1');
setTimeout(() => {
  console.log('2');
}, 3000);
console.log('3');

Setelah menjalankan kode diatas, kamu akan melihat output ‘1’, ‘3’, kemudian setelah beberapa saat akan muncul output ‘2’. Mengapa ini bisa terjadi ? Singkatnya implementasi Asynchronous pada javascript dilakukan menggunakan callstack, callback queue, web api dan event loop.

V8 Engine akan mengecek apakah call stack kosong, jika ternyata kosong maka engine akan melakukan cek pada callback queue di dalam instruksi setTimeout. Antrian callback memanggil kembali instruksi code untuk kemudian dieksekusi.

Manfaat dari prosedur ini adalah JavaScript tidak perlu khawatir tentang berapa banyak core atau node yang dijalankan oleh CPU. Hanya ada satu callstack untuk implementasi ini.

Apa itu NodeJs ? adalah aplikasi web server berbasis bahasa pemrograman javascript. Sama dengan peran php, nodejs dapat digunakan untuk memproses konten dan transaksi dinamis yang dikirimkan oleh browser, aplikasi mobile, dll. NodeJs biasanya digunakan untuk membangun aplikasi RESTful API.

Beberapa website seperti Trello, Paypal, Netflix, Linkedin, Medium, Uber telah menggunakan NodeJs sebagai aplikasi webservernya. Karena NodeJS merupakan bahasa pemrograman berbasis javascript maka jika kita sebelumnya telah menguasai javascript, belajar nodejs akan terasa jauh lebih mudah.

NodeJs menggunakan prinsip non-bloking I/O yang artinya tidak menunggu sampai sebuah request selesai terlebih dahulu untuk menangani request berikutnya, hal ini membuat nodejs dapat menerima relatif lebih banyak request dan lebih cepat daripada teknologi webserver lainnya. Oleh karena itu nodejs mudah untuk diperbesar kapasitasnya atau biasa disebut scale-up.

NodeJs sendiri cocok digunakan untuk membangun aplikasi realtime seperti aplikasi chat, IOT dll. NodeJs memiliki library yang cukup lengkap dan komunitas yang besar sehingga mudah untuk mendapatkan open sourcenya. NodeJs ini sangat cocok digunakan untuk membangun API berbasis REST yang dapat dikonsumsi oleh berbagai aplikasi lainnya.

Sama seperti php yang memiliki banyak framework yang dapat digunakan seperti Laravel, Codeigniter dll. NodeJs juga memiliki framework, salah satu diantaranya yang cukup populer yaitu Express. Pada artikel kali ini saya akan mengajak kalian untuk lebih dekat lagi dengan nodejs dan express, melalui studi kasus bagaimana memulai sebuah proyek dengan express.

Prasyarat

Sebelum kalian lanjut ke studi kasus, ada beberapa hal yang perlu kalian ketahui :

• Dasar HTML/CSS/Javascript
• JSON
• Konsep dasar bahasa pemrograman seperti variael, array, perulangan dll.

Install NodeJs

Pastikan kalian telah menginstall nodejs ke pc kalian masing-masing. Silahkan pergi ke website resmi nodejs dan download NodeJs versi LTS, atau bagi kalian yang menggunakan OS Linux khusunya Ubuntu kalian bisa mengikuti tutorial nya disini.

Apabila sudah terinstall jangan lupa cek versi node dan npm kalian

node -v && npm -v

Memulai Proyek

Kita mulai proyek nodejs kita dengan membuat sebuah direktori baru dengan nama first-project yang nantinya berisi source code nodejs kita:

$ mkdir first-project
$ cd first-project/

setelah kita membuat direktori, masuk ke direktori yang telah dibuat tadi dan menginisialisasi project kita dengan perintah :

$ npm init

setelah kita menginisialisasi proyek node kita, akan ada file package.json didalam direktori proyek kita.

Install Express kedalam Proyek

untuk menginstall express ke dalam proyek kita, ketikkan perintah dibawah ini :

$ npm install express --save

setelah kita berhasil menginstall express maka didalam direktori proyek kita akan terdapat file package-lock.json dan direktori node_modules. Jika kita melihat direktori node_modules disana terdapat direktori express yang merupakan framework yang kita install tadi.

Hello World

Untuk membuat program hello world dengan express, buat file index.js di dalam direktori proyek kita :

$ touch index.js

lalu ketikkan baris kode berikut ke dalam file index.js yang telah kita buat :

const express = require('express')
const app = express()

app.get('/', (req, res, next) => {
    res.send('Hello World')
})
app.listen(3000) // 3000, 5000, 8000, 8080

save dan jalankan script yang telah kita buat dengan perintah :

$ node index.js

lalu pergi ke browser dan ketikkan di url http://localhost:3000

kita telah berhasil membuat program hello world dengan nodejs dan express.

Responses

Setelah kita berhasil membuat proyek hello world yang sangat sederhana, selanjut nya mari kita belajar mengenai response handler pada express. Untuk membuat response caranya cukup mudah, buka kembali file index.js dan tambahkan baris kode sehingga menjadi seperti berikut ini :

const express = require('express')
const app = express()

app.get('/', (req, res, next) => {
    res.send('Hello World')
})

app.get('/json', (req, res, next) => {
    const data = {
        greeting: 'hallo nama saya fauzi, saya adalah backend developer'
    }
    res.json({
        confirmation: 'success',
        data: data
    })
})

app.listen(3000)

simpan dan jalankan script index.js nya dengan perintah node index.js kemudian pergi ke browser dan buka url http://localhost:3000/json

View Engine

Selanjutnya mari kita belajar tentang view engine, dimana nanti nya kita akan merender konten html, jadi yang akan kita lakukan adalah membuat sebuah template html dan merender halaman html yang telah kita buat nantinya, inilah yang dinamakan template engine, kita dapat meng inject suatu data untuk ditampilkan secara dinamis di halaman html tersebut.

Pertama mari kita buat direktori untuk views di dalam project kita

$ mkdir views
$ cd views
$ touch home.mustache

disini kita akan menggunakan template engine .mustache, selain mustache masih banyak template engine yang dapat digunakan seperti pug, jade dll. Setelah kita membuat file home.mustache kita akan membuat tag dasar html di dalam file tersebut.

<html>
<head>
</head>
<body>
    <h1> This is the home page! </h1>
</body>
</html>

simpan file home.mustache tersebut, dan mari kita atur views direktorinya supaya express dapat mengenali direktori beserta template engine yang kita gunakan, dalam hal ini kita menggunakan mustache.

kita akan menginstall template engine

$ npm install hjs --save
$ npm install hogan-middleware --save

buka file index.js dalam direktori proyek kita lalu tambahkan baris kode sehingga menjadi seperti berikut ini:

simpan file index.js , kemudian jalankan express nya dengan perintah node index.js , kemudian pergi ke browser dan buka url http://localhost:3000/home

Static Assets

Setelah kita berhasil merender template engine yang telah kita buat pada step sebelumnya, maka kali ini kita akan melanjutkannya dengan menambahkan asset asset seperti css, img dll.

Kita buat direktori public di dalam direktori proyek kita, yang nantinya direktori public ini digunakan untuk menyimpan asset pada web yang kita buat.

$ mkdir public
$ cd public/
$ mkdir css img js

setelah membuat direktori untuk static asset, selanjutya kita daftarkan direktori public yang kita buat tadi di file index.js supaya nanti direktori public dapat dikenali oleh express, tambahkan baris kode berikut ke dalam file index.js

app.use(express.static(path.join(__dirname, 'public')))

setelah itu kita download gambar di google kemudian kita taruh pada direktori public/img , setelah itu kita edit file home.mustache pada direktori views

simpan, kemudian jalankan express nya dengan menggunakan perintah node index , lalu buka browser dan ketikkan pada url http://localhost:3000/home

Sekian sedikit perkenalan tentang NodeJs dan Express, pada tutorial selanjutnya saya akan membahas tentang express generator yang akan mempermudah kita untuk membuat proyek baru dengan express. Jangan lupa saran kritik yang membangun untuks saya supaya kedepannya dapat menulis tutorial tutorial dengan lebih baik lagi. Selamat mencoba dan semoga berhasil.

Referensi:

• https://www.youtube.com/watch?v=xVMoctB_1Rw
• https://www.udemy.com/intro-to-node-js-express/

Mencatat log data yang penting tentu tidaklah mudah, mencatat data penting dan membuatnya dapat diakses tentunya lebih sulit lagi. Kita bisanya hanya mencatat log exception thrown karena sering melihat permasalahnya pada saat routing, padahal sebenarnya kita perlu melihat seluruh riwayat log selama terjadinya request.

Bayangkan skenario ini, pelanggan sedang mengakses website milik anda dan mereka mencoba untuk melakukan sesuatu dan hanya menerima 500 internal server error. Tidak ada konteks yang jelas pada halaman itu dan tidak ada yang dapat membantu pelanggan untuk mengatasi isu yang terjadi, tentu saja hal ini menyebabkan pelanggan anda merasa kebingungan dalam menjelaskan apa yang ia alami kepada contact support anda untuk mendapatkan jawaban.

Sebaiknya yang harus kita lakukan adalah menyediakan pelanggan kita sebuah error code yang menjadi point penting dalam error tersebut, sehingga nantinya tim support kita akan memberikan error code tersebut kepada developer untuk disamakan dengan data log yang telah tercatat di dalam sistem, hal ini juga akan mempercepat developer untuk menganalisa error berdasarkan error code yang diberikan.

Mengatur pesan log pada event listener

Pertama kita perlu mengumpulkan semua pesan log yang telah dibuat secara default oleh Laravel. Laravel logging sistem juga sudah menangani masalah pengiriman pesan log, jadi kita hanya tinggal membuat listerner untuk itu. Kita dapat membuat listener dengan perintah artisan :

php artisan make:listener LoggingListener -e Illuminate\Log\Events\MessageLogged

Listener yang telah kita buat akan terletak pada direktori App\Listeners, kemudian kita edit listener yang telah kita buat menjadi seperti di bawah ini, kita juga menambahkan sebuah collection yang nantinya akan kita kirim ke MessageLogged events untuk nantinya digunakan apabila terjadi fatal exception.

Kita juga perlu memodifikasi EventServiceProvider dan menambahkan MessageLogged kedalam properti listen untuk memastikan bahwa events akan dikirimkan kepada LoggingListener yang telah kita buat.

Kita juga perlu membuat listener menjadi singleton agar dapat mengakses event yang telah dikumpulkan di MessageLogged, untuk itu kita hanya perlu menulisakan satu baris ini di dalam method register.

Memodifikasi exception handler

Untuk melaporkan exception dengan log dan output berupa error code kepada pengguna, kita perlu memodifikasi exception handler, yang dapat ditemukan ti app/Exception/Handler.php yang mana secara default terdapat dua method yaitu report dan render, untuk lebih jelasnya mengenai exception handler klik disini.

Kita tidak akan merubah method render tetapi kita akan mengubah prosesnya dengan cara overriding method renderHttpException ke class parent nya.

Kalian dapat melihat bahwa pada method report terdapat mekanisme simpel untuk mengirim data log ke local disk sebagah file json.

Menambahkan halaman error untuk menampilkan error code

@extends('errors::layout') 
@section('title', 'Error') 
@section('message', 'Whoops, looks like something went wrong.'.(isset($incidentCode) ? ' Please contact support with incident code: '.$incidentCode : ''))

Maka seharunya error akan terlihat seperti dibawah ini :

Jangan lupa untuk mengatur APP_DEBUG=true menjadi APP_DEBUG=false di file .env kamu.

Tes Sederhana

Ini adalah route simple yang dapat kamu tambahkan di routes/web.php yang nantinya akan mengenerate logs error ke storage/app/incident/ pada project kamu

Route::get('/error-test', function() {          
   Log::info('calling the error route');
   throw new \Exception('something unexpected broke');
});

Kalian dapat melihat kode program project ini secara penuh di bawah ini :

Muhammad Rizal Fauzi Wahyu Putra / Laravel Factory Exceptions Handler and Implement Last Seen

Sekian pembelajaran kita hari ini, mohon saran dan kritiknya yang membangun serta mohon maaf apabila terdapat kesalahan, selamat mencoba dan semoga berhasil :).

Referensi : https://medium.com/@grmcameron/implementing-last-visited-last-seen-in-laravel-237dbbed9027

Fitur Last Seen / Last Visited biasanya sering digunakan ketika kita ingin mengetahui kapan user terakhir kali mengunjungi laman kita, mengetahui user yang sudah lama tidak aktif dan masih banyak lagi kegunaan dari fitur last seen ini.

Step 1. Membuat Middleware

Untuk memulai mengimplementasikan fitur ini, kita perlu membuat middleware baru yang nantinya akan merekam waktu terakhir request ke web. Kita dapat membuat middleware dengan menggunakan perintah artisan :

php artisan make:middleware LastSeen

Step 2. Mendaftarkan middleware ke dalam kernel

Di dalam App\Http\Kernel.php, tambahkan baris di bagian akhir dari middlewareGroup array untuk memastikan middlware kita berjalan setiap kali ada web request. Jika kalian ingin ini juga berjalan untuk setiap API request, tambahkan baris dibawah ini di dalam $middleware array

\App\Http\Middleware\LastSeen::class,

Step 3. Membuat Migration

Kita dapat menggunakan perintah artisan untuk membuat migration :

php artisan make:migration addLastSeenToUser

Sekarang edit migrationnya

Schema::table('users', function (Blueprint $table) {

$table->dateTime('last_seen')->nullable();

});

Setelah itu jalankan perintah untuk menambahkan colom yang telah dibuat di migration ke database

php artisan migrate

Sekarang kita sudah punya kolom untuk menginputkan data last seen, mari kita edit App\Http\Middleware\LastSeen.php dan tambahkan kode program berikut :

Sekarang, untuk mengakses waktu dari last request yang mempresentasikan waktu terakhir mereka mengakses web kalian, caranya simpel sama seperti waktu kita mengambil properti dari variabel.

$user->last_seen;

Untuk melihat kode program secara penuh, silahkan klik tautan dibawah ini :

Muhammad Rizal Fauzi Wahyu Putra / Laravel Factory Exceptions Handler and Implement Last Seen

Cukup sekian pembelajaran kita pada hari ini, apabila terdapat penjelasan yang membingungkan anda dapat mengunjungi referensi dibawah judul artikel, selamat mencoba dan semoga berhasil :)

Laravel exception merupakan salah satu cara bagi para developer web untuk menangani dan menanggapi pesan error yang terjadi, biasanya para developer kurang peduli mengenai hal ini dan ketika terdapat error, laravel menampilkan pesan defaultnya, bisa berupa error code atau yang lain. Tentu saja hal ini bisa membingungkan para pengunjung. Atas dasar inilah mari kita bersama sama belajar bagaimana caranya untuk menangani error dengan cara yang elegan dengan mempresentasikan informasi error yang dapat dipahami oleh pengunjung.

Pada artikel ini kita akan belajar membuat sebuah contoh membuat service kita sendiri dengan menggunakan Dependency Injection, dan menangani exceptionnya melalui service tersebut.

Persiapan: User Search Task

Jadi kita akan membuat contoh yang simpel yaitu sebuah form yang digunakan untuk mecari user berdasarkan ID.

Kita akan membuat dua route di routes/web.php

Route::get('/users', 'UserController@index')->name('users.index');
Route::post('/users/search', 'UserController@search')->name('users.search');

dan kita buat controller UserController dengan perintah artisan :

php artisan make:controller UserController

dan buatlah dua method seperti berikut :

class UserController extends Controller
{
    public function index()
    {
        return view('users.index');
    }

    public function search(Request $request)
    {
        $user = User::find($request->input('user_id'));
        return view('users.search', compact('user'));
    }
}

Setelah itu, buat view nya pada direktori resources/views/users/index.blade.php

<form action="{{ route('users.search') }}" method="POST">
@csrf
<div class="form-group">
<input id="user_id" class="form-control" name="user_id" type="text" value="{{ old('user_id') }}" placeholder="User ID">
</div>
<input class="btn btn-info" type="submit" value="Search">
</form>

Jika kita mencari user berdasarkan ID nya dan itu ditemukan, maka kita akan melihat hasil seperti dibawah ini, tetapi sebelumnya kita buat dulu view nya di resources/views/users/search.blade.php :

<h3 class="page-title text-center">User found: {{ $user->name }}</h3>
<b>Email</b>: {{ $user->email }}
<br>
<b>Registered on</b>: {{ $user->created_at }}

Yup ini adalah skenario ideal kita, tetapi bagaimana jika user ID tidak ditemukan ?

Exception Handling

Mari kita keluar dari zona nyaman. Kita sebelumnya tidak mencari keberadaan user, tetapi kita hanya melakukan ini pada controller kita :

$user = User::find($request->input('user_id'));

dan ketika user tidak ditemukan , kita akan melihat hal ini :

atau bisa saja kita mengatur .env file dengan mengedit APP_DEBUG=false dan selanjutnya browser akan menampilkan halaman kosong yang bertuliskan Whoops, look like something went wrong. Tetapi itu tidak memberikan informasi yang dapat dimengerti oleh pengunjung kita. Cara lain untuk dapat dengan cepat menyelesaikan masalah ini adalah dengan menggunakan User::findOfFail() atau hanya find()- selanjutnya jika user tidak ditemukan, laravel akan memperlihatkan halaman error code 404, tetapi halaman default 404 tetap saja tidak memberikan informasi yang dapat membantu pengunjung kita.

Jadi kita perlu menangkap errornya dan memprosesnya yang kemudian akan kita kembalikan ke form dengan menampilkan pesan error yang dapat dimengerti.

Kita perlu tau tipe exception dan nama class yang akan kita return. Dalam kasus findOrFail() ini akan mengembalikan exception ModelNotFoundException, jadi kita perlu melakukan hal ini dalan UserController :

public function search(Request $request)
{
    try {
        $user = User::findOrFail($request->input('user_id'));
    } catch (ModelNotFoundException $exception) {
        return back()->withError($exception->getMessage())->withInput();
    }
    return view('users.search', compact('user'));
}

Untuk menampilkan pesan error, kita perlu menambahkan hal berikut pada index.blade.php

@if (session('error'))
<div class="alert alert-danger">{{ session('error') }}</div>
@endif

Hasilnya :

kita telah berhasil menampilkan pesan error nya, tetapi tetap saja ini tidak bagus bukan ? Karena itu kita perlu menampilkan pesan dari kita sendiri :

return back()->withError('User not found by ID ' . $request->input('user_id'))->withInput();

Selesai!

Memindahkan Error Message Handling ke Service

Kita telah membuat contoh simple penanganan error message handling di controller. Pada kenyataanya seringkali hal ini akan lebih compleks oleh karena itu controller memanggil beberapa external service atau package method yang mana akan gagal dengan beberapa macam error yang berbeda. Oleh karena itu mari kita belajar untuk membuat sendiri service yang akan melakukan hal yang sama, tetapi akan throw exception, jadi kontroller bahkan tidak perlu tahu teks pesan error yang akan kita berikan.

Mari kita pindahkan Logic kita menuju app/Services/UserService.php:

namespace App\Services;

use App\User;
use Illuminate\Database\Eloquent\ModelNotFoundException;

class UserService
{

    public function search($user_id)
    {
        $user = User::find($user_id);
        if (!$user) {
            throw new ModelNotFoundException('User not found by ID ' . $user_id);
        }
        return $user;
    }

}

Dan pada kontroller, kita perlu memanggil service ini. Pertama, kita dapat meng inject service ini ke method __contruct() :

use App\Services\UserService;

class UserController extends Controller
{

    private $userService;

    public function __construct(UserService $userService)
    {
        $this->userService = $userService;
    }

// ...

Jika kalian kurang familiar dengan istilah dependency injection dan bagaimana Laravel IOC container bekerja, ini adalah dokumentasi resmi atau artikel yang bagus tentang ini.

Sekarang, method search() kita akan terlihat seperti ini :

public function search(Request $request)
{
    try {
        $user = $this->userService->search($request->input('user_id'));
    } catch (ModelNotFoundException $exception) {
        return back()->withError($exception->getMessage())->withInput();
    }
    return view('users.search', compact('user'));
}

Perhatikan bahwasanya kita dapat menggunakan $exception->getMessage() lagi, dan semua error validasi atau pesan error akan terjadi di dalam service. Hal ini merupakan salah satu tujuannya, untuk membagi aksi, sehingga controller tidak harus melakukan aksi itu sendiri.

Step Lanjutan : Membuat Exception Class kita sendiri

Akan jauh lebih baik ketika service yang kita buat tadi throws exception nya sendiri yang terkait dengan error yang ditangani, dan dengan ini kita dapat menambahkan multiple exception tergantung pada error itu sendiri.
Kita dapat membuat exception dengan menggunakan perintah artisan :

php artisan make:exception UserNotFoundException

dan exception yang kita buat akan berada pada direktori app/Exception/UserNotFoundException.php

namespace App\Exceptions;

use Exception;

class UserNotFoundException extends Exception
{
    //
}

Mari kita tambahkan exception kita dengan beberapa logic. Terdapat dua methods pada class exception ini :

• report() digunakan ketika kita ingin menambahkan log / mengirim error ke BugSnag, email, Slack dll.
• render() digunakan ketika kita ingin mengembalikan ke halaman sebelumnya dengan pesan error atau mengembalikan HTTP response (seperti blade file kita) secara langsung dari Exception class.

Pada contoh kali ini , mari kita isi method report() kita :

namespace App\Exceptions;

use Exception;

class UserNotFoundException extends Exception
{
    /**
     * Report or log an exception.
     *
     * @return void
     */
    public function report()
    {
        \Log::debug('User not found');
    }
}

Pada akhirnya, beginilah proses kita memanggil exception yang kita buat tadi dari kontroller :

public function search(Request $request)
{
    try {
        $user = $this->userService->search($request->input('user_id'));
    } catch (UserNotFoundException $exception) {
        report($exception);
        return back()->withError($exception->getMessage())->withInput();
    }
    return view('users.search', compact('user'));
}

Kalian dapat melihat kode program secara penuh dibawah ini :

Muhammad Rizal Fauzi Wahyu Putra / Laravel Factory Exceptions Handler and Implement Last Seen

Sekian belajar kita pada kesempatan kali ini, apabila kalian merasa bingung dengan penjelasan di atas anda dapat mengunjungi sumber aslinya yang tertera di bawah judul, selamat mencoba dan terimakasih :)

Kebanyakan dari kita seringkali membuat sebuah validasi di dalam controller, itu memang merupakan salah satu cara bagi kita untuk melakukan validasi terhadap request yang masuk.

Membuat sebuah logika validasi di dalam kontroller akan menghilangkan prinsip tanggung jawab tunggal (Single Responsibility Principle). Seperti yang kita ketahui request bisa saja mengalami perubahan dan pada saat itu juga validasi yang telah kita buat juga mengalami perubahan. Oleh karena itulah memiliki logika validasi dalam sebual class akan membuat kita sulit untuk mengaturnya, apalagi jika ada sangat banyak validasi yang kita buat dalam sebuah class tersebut.

Laravel mempunyai class Form Request yang digunakan untuk membuat class request secara terpisah. Untuk membuatnya gunakan perintah artisan :

php artisan make:request ItemRequest

Class ItemRequest yang telah kita buat akan berada pada direktori app/Http/Request/ItemRequest.php

Laravel Form Request mempunyai dua default methods auth() dan rules() . Anda dapat membuat logika authrization di auth() dan kamu juga dapat membuat aturan validasi pada method rules(). Ada juga method tambahan message() untuk anda menuliskan sendiri pesan dari validasi yang telah anda buat.

Sekarang buat sebuah controller dengan nama ItemController dengan menggunakan perintah artisan :

php artisan make:controller ItemController

Jadi, controller kita jadi terlihat lebih baik dan mudah untuk kita rawat (easy to maintain) dan kita tidak perlu lagi menulis logic dari validasi kita dalam controller karena kita telah memiliki class validasi tersendiri yang hanya bertanggung jawab atas satu validasi yang ia kerjakan.

Anda dapat melihat kode program secara penuh di bawah ini.

Muhammad Rizal Fauzi Wahyu Putra / custom-form-validation-laravel5.7

Sekian dari saya selamat mencoba dan semoga anda memahami apa yang saya tulis, mohon saran dan kritiknya yang membangun, terimakasih :)

Referensi : https://hdtuto.com/article/laravel-57-multiple-authentication-example

Ketika kita ingin membuat sebuah website yang membutuhkan users dan admin di dalam registernya dengan otentikasi yang berbeda, dan kita ingin membuatnya memiliki login yang berbeda dengan menggunakan model App\User sebagai basisnya, maka disaat inilah kita dapat menggunakan Multiple Authentication.

Setelah kita memahami kegunaan dari Multiple Authentication selanjutnya mari kita langsung terapkan saja dengan mengikuti step berikut, tetapi sebelumnya pastikan kalian sudah menginstall Laravel 5.7, kalian dapat melihat dokumentasi install Laravel 5.7 di link berikut :

Installation - Laravel - The PHP Framework For Web Artisans

Step 1 . Membuat Migration untuk users dan admins

Pada tahap pertama ini , kita harus membuat dua tabel untuk user dan admin, secara default laravel sudah menyediakan migration dan model untuk tabel users , kita hanya perlu mengeditnya sedikit.

User Migration :

<?php

use Illuminate\Support\Facades\Schema;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Database\Migrations\Migration;

class CreateUsersTable extends Migration
{
    public function up()
    {
        Schema::create('users', function (Blueprint $table) {
            $table->increments('id');
            $table->string('name');
            $table->string('email')->unique();
            $table->string('password');
            $table->rememberToken();
            $table->timestamps();
        });
    }

    public function down()
    {
        Schema::dropIfExists('users');
    }
}

Admin Migration

Untuk Admin Migration ini anda dapat membuat model sekaligus migration nya dengan cara berikut :

php artisan make:model Admin -m

maka secara otomatis laravel akan membuatkan model dan migration untuk admin. Kemudian edit admins migration seperti berikut :

<?php

use Illuminate\Support\Facades\Schema;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Database\Migrations\Migration;

class CreateAdminsTable extends Migration
{
    public function up()
    {
        Schema::create('admins', function (Blueprint $table) {
            $table->increments('id');
            $table->string('name');
            $table->string('email')->unique();
            $table->string('password');
            $table->timestamps();
        });
    }
    public function down()
    {
        Schema::dropIfExists('admins');
    }
}

Step 2. Membuat Model User dan Admin

Karena kita sudah membuat model untuk admin dan user di step sebelumnya maka kita tinggal mengeditnya seperti berikut :

app\User.php

<?php

namespace App;

use Illuminate\Notifications\Notifiable;
use Illuminate\Foundation\Auth\User as Authenticatable;

class User extends Authenticatable
{
    use Notifiable;

    protected $fillable = [
        'name', 'email', 'password',
    ];

    protected $hidden = [
        'password', 'remember_token',
    ];
}

app/Admin.php

<?php

namespace App;

use Illuminate\Database\Eloquent\Model;
use Illuminate\Notifications\Notifiable;
use Illuminate\Foundation\Auth\User as Authenticatable;

class Admin extends Authenticatable
{
    use Notifiable;

    protected $fillable = [
        'name','email','password',
    ];

    protected $hidden = [
      'password','remember_token',
    ];

}

Step 4: Konfigurasi Auth Config

Pada step ini kita akan menambahkan guard baru untuk admin di dalam file config/auth.php . Jadi buka file auth.php dan tambahkan menjadi seperti berikut:

<?php

return [

    'defaults' => [
        'guard' => 'web',
        'passwords' => 'users',
    ],

    'guards' => [
        'web' => [
            'driver' => 'session',
            'provider' => 'users',
        ],

        'api' => [
            'driver' => 'token',
            'provider' => 'users',
        ],
        'admin' => [
            'driver' => 'session',
            'provider' => 'admins',
        ],
    ],

    'providers' => [
        'users' => [
            'driver' => 'eloquent',
            'model' => App\User::class,
        ],

        'admins' => [
            'driver' => 'eloquent',
            'model' => App\Admin::class,
        ],
        // 'users' => [
        //     'driver' => 'database',
        //     'table' => 'users',
        // ],
    ],

    'passwords' => [
        'users' => [
            'provider' => 'users',
            'table' => 'password_resets',
            'expire' => 60,
        ],
        'admins' => [
            'provider' => 'admins',
            'table' => 'password_reset',
            'expire' => 60,
        ],
    ],


];

Step 5: Membuat Default Auth

Laravel 5.7 sudah menyediakan default auth, jadi kita tinggal membuatnya dengan command berikut :

php artisan make:auth

Step 6: Membuat Route

Pada step kali ini kita akan membuat route untuk user dan admin, jadi pertama tambahkan route di file web.php :

routes/web.php

<?php

Route::get('/', function () {
    return view('welcome');
});

Auth::routes();

Route::get('/home', 'HomeController@index')->name('home');

Route::get('/admin', function(){
    return view('admin');
})->name('adminpage');

Route::get('admin-login','Auth\AdminLoginController@showLoginForm');

Route::post('admin-login', ['as' => 'admin-login', 'uses' => 'Auth\AdminLoginController@login']);

Route::get('admin-register','Auth\AdminLoginController@showRegisterPage');

Route::post('admin-register', 'Auth\AdminLoginController@register')->name('admin.register');

Step 7: Membuat Controller

Pada step ini kita akan membuat controller untuk admin, kita bisa mengcopy file pada app/Http/Controller/Auth/LoginController.php dan mengpaste nya dengan nama AdminLoginController.php kemudian tambahkan kode seperti berikut :

Step 8: Membuat Blade Files

Pada step ini kita akan membuat view untuk login admin, register admin, dan home untuk admin

resource/views/auth/adminLogin.blade.php

resource/views/auth/adminregister.blade.php

resource/views/admin.blade.php

Sekarang kalian bisa mengeceknya dengan mengetikkan di url localhost:8000/admin-register, setelah berhasil melakukan register silahkan login di url localhost:8000/admin-login

Semoga Berhasil :)

Gitflow cocok digunakan untuk project yang memiliki siklus rilis yang terjadwal, adanya Feature Branch Workflow memberikan peran yang sangat spesifik untuk branch yang berbeda dan menentukan bagaimana dan kapan mereka harus berinteraksi. Selain Feature Branch Workflow juga terdapat Individual Branch yang dapat digunakan untuk melakukan prepare, maintaining, dan recording releases. Tentu saja dengan memanfaatkan semua fitur yang ada pada gitflow ini akan membuat kolaborasi tim menjadi lebih efisien.

Develop and Master Branches

Didalam master branch, workflow menggunakan dua branch untuk merekan semua history dari sebuah proyek. Master branch digunakan untuk official release history dan develop branch digunakan untuk mengintegrasikan branch untuk features. Hal ini juga memungkinkan untuk kita memberikan tag pada semua commit dengan nomor versi.

Untuk menerapkan hal yang telah kita pelajari,pertama kita dapat dengan mudah membuat branch develop di lokal dan push branch develop tadi kedalam server.

#code

$ git branch develop

$ git push -u origin develop

Sekarang branch develop sudah ada di dalam proyek kita dan para developer akan clone repository dan membuat tracking branch untuk develop.

Ketika kita menggunakan git-flow extension library, ketikkan perintah : git flow init dan secara otomatis akan membuat branch develop.

Feature Branches

Setiap feature baru harus dibawah branch develop karena feature branch menggunakan develop sebagai parent nya. Ketika feature sudah selesai dikerjakan, selanjutnya di merge ke branch develop. Feature seharusnya tidak pernah berinteraksi secara langsung dengan branch master.

Creating a feature branch

Tampa menggunakan git-flow extension

$ git checkout develop

$ git checkout -b feature_branch

Ketika menggunakan git-flow extension

$ git flow feature start feature_branch

Selanjutnya lanjutkan menggunakan git seperti yang biasa kamu lakukan.

Finishing a feature branch

Ketika kamu telah selesai dengan development di dalam feature selanjutnya adalah dengan me merge feature_branch ke develop.

Tampa menggunakan git-flow extension

$ git checkout develop

$ git merge feature_branch

Dengan menggunakan git-flow extension

$ git flow feature finish feature_branch

Release Branches

Ketika develop sudah dirasa cukup feature untuk kemudian di rilis, kamu dapat melakaukan fork release branch dari develop. Dengan membuat branch release kita telah memulai siklus release, jadi feature baru dapat ditambahkan setelah perilisan , hanya fix bug, document generation dan beberapa yang berorientasi pada perilisan yang boleh dilakukan pada branch ini. Setelah siap untuk diluncurkan maka release branch di merge ke branch master dengan ditambahi tag dengan nomor versi.

Pererapan :

Tampa menggunakan git-flow extension

$ git checkout develop

$ git checkout -b release/0.1.0

Menggunakan git-flow extension

$git flow release start 0.1.0

Ketika release branch sudah selesai, gunakan metode dibawah ini :

Tampa menggunakan git-flow extension

$ git checkout develop

$ git merge release/0.1.0

Menggunakan git-flow extension

$ git chekout master

$git flow release finish ‘0.1.0’

Hotfix Branches

Hotfix branch tidak sama dengan release branch release dan feature karena branch itu berbasis pada branch develop sedangkan branch hotfix secara langsung berbasis pasa branch master. branch hotfix ini digunakan ketika pada saat proyek kita live dan terdapat error kita dapat langsung membenahinya dengan meng fork langsung branch masterk dan setelah perbaikan bug sudah selesai , branch hotfix ini di merge ke branch master dan branch develop dan setelah kedua branch tersebut di merge, hapus branch hotfix nya. Untuk menggunakan branch hotfix ini ikuti cara berikut :

Tampa menggunakan git-flow extension

$ git checkout master

$ git checkout -b hotfix_branch

Ketika menggunakan git-flow extension :

$git flow hotfix start hotfix_branch

Sama dengan finishing release branch, hotfix branch juga akan di merge ke branch master dan develop, caranya seperti berikut ini :

Tampa menggunakan git-flow extension

$git checkout master

$git merge hotfix_branch

$git checkout develop

$git merge hotfix_branch

$git branch -D hotfix_branch

Kesimpulan

Dari penjelasan diatas dapat kita simpulkan bahwasanya Gitflow Workflow ini merupakan desain kerangka kerja yang digunakan untuk mempermudah kerja tim dalam suatu proyek. Alur umum dari Gitfow adalah :

1. Membuat develop branch dari master
2. Release branch dibuat dari develop
3. Feature branch dibuat dari develop
4. Ketika feature branch sudah selesai merge ke develop branch
5. Ketika release branch sudah selesai merge ke develop dan master
6. Ketika terdapat isu di branch master, hotfix branch dibuat dari master
7. Setelah hotfix sudah selesai merge ke branch develop dan master