{"id":1034,"date":"2022-02-02T10:00:00","date_gmt":"2022-02-02T03:00:00","guid":{"rendered":"https:\/\/duniacoding.info\/?p=1034"},"modified":"2022-02-08T09:00:59","modified_gmt":"2022-02-08T02:00:59","slug":"belajar-laravel-register-pada-laravel","status":"publish","type":"post","link":"https:\/\/duniacoding.id\/blog\/belajar-laravel-register-pada-laravel\/","title":{"rendered":"Belajar Laravel 8 #10 : Sistem Register pada Laravel"},"content":{"rendered":"\n
\"register-pada-laravel\"<\/figure>\n\n\n\n

Pada artikel kali ini, kita akan membahas Sistem Register pada Laravel. Sistem Register ini merupakan bagian dari Fitur yang sangat sering kita jumpai yaitu Login-Register. <\/em>Nah, di artikel ini kita akan terfokus untuk Register terlebih dahulu. <\/p>\n\n\n\n

Laravel sendiri memiliki beberapa cara yang bisa digunakan untuk Sistem Register pada Laravel ini, tapi yang akan kita gunakan kali ini Authentication. <\/p>\n\n\n\n

Pembuatan Sistem Register pada Laravel<\/h2>\n\n\n\n

Disini kita akan mempraktekkan langkah-langkah yang akan kita gunakan untuk Sistem Register pada Laravel. Mulai dari instalasi menuju ke Pembuatan Database sampai membuat sistem pendaftaran itu sendiri.<\/p>\n\n\n\n

Install Laravel<\/h3>\n\n\n\n

Proses instalasi ini bisa kalian lihat di artikel Belajar Laravel #2 : Cara Instalasi Laravel<\/a>, atau bisa kalian lihat seperti dibawah ini. Pertama, buka terminal lalu jalankan syntax dibawah ini<\/p>\n\n\n

\ncomposer create-project laravel\/laravel login-register\n<\/pre><\/div>\n\n\n
Kita namai Projek Laravel kali ini dengan login-register<\/code><\/em>, sesuai dengan tujuan kita di artikel ini yaitu membuat Sistem Login dan Register pada Laravel. Sekarang tinggal jalankan Laravel dan juga Web Server kita.<\/p>\n\n\n\n
Mempersiapkan Database<\/h3>\n\n\n\n
Setelah selesai instalasi dan menjalankan Laravel, yang harus kita lakukan berikutnya adalah mengatur Database <\/em><\/code>yang akan kita gunakan. Kalau teman-teman ingin membaca lebih detail tentang Database ini bisa kalian lihat di Artikel Belajar Laravel 8 #6 : Database Migrations<\/a>.<\/p>\n\n\n\n
Nah, kalau di artikel ini kita akan membuat Database<\/code> untuk Logind an Register saja. Pertama, buat Database <\/code>di phpmyadmin <\/code>terlebih dahulu. Silahkan beri nama login-register<\/em><\/code><\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n
Setelah selesai membuat Database<\/em>. Kita akan terfokus untuk edit migrations <\/code><\/em>kita.<\/p>\n\n\n\n
Setting Migrations<\/h3>\n\n\n\n
Tidak seperti metode CRUD <\/kbd>yang kita harus membuat sebuah Model<\/code><\/kbd>, Controller<\/code>, dan Migrations <\/code>baru. Untuk Sistem Login Register<\/code> pada Laravel ini kita cukup menggunakan migrations <\/code>default yang sudah ada yaitu migrations <\/code>user.<\/p>\n\n\n\n
Pertama, buka file create_users_table.php<\/code>. Pastikan ada fungsi up() yang berisi seperti ini.<\/p>\n\n\n
\npublic function up()\n{\n    Schema::create('users', function (Blueprint $table) {\n        $table->id();\n        $table->string('name');\n        $table->string('email')->unique();\n        $table->timestamp('email_verified_at')->nullable();\n        $table->string('password');\n        $table->rememberToken();\n        $table->timestamps();\n    });\n}\n<\/pre><\/div>\n\n\n
Nah, difungsi diatas kita sudah membuat isi dari tabel users<\/code>. Nah tabel users <\/code>ini lah yang akan terisi apabila ada seseorang yang register <\/code>di Proyek Laravel kita. Sementara kita buat sangat sederhana dulu saja, berisi name, email,<\/code> dan password<\/code>.<\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n
Membuat Controller Register<\/h3>\n\n\n\n
Setelah selesai dengan urusan Database<\/em>. Sekarang kita akan membuat Controller<\/code> untuk Register <\/code>terlebih dahulu. Isi File Register<\/code> dengan syntax ini<\/p>\n\n\n\n
RegisterController.php<\/code><\/p>\n\n\n
\n<?php\n\nnamespace App\\Http\\Controllers;\n\nuse App\\Models\\User;\nuse Illuminate\\Http\\Request;\nuse Illuminate\\Support\\Facades\\Hash;\n\nclass RegisterController extends Controller\n{\n    public function index()\n    {\n        return view('register');\n    }\n\n    public function store(Request $request)\n    {\n        $validatedData = $request->validate([\n            'name' => 'required|max:255',\n            'email' => 'required|unique:users',\n            'password' => 'required',\n        ]);\n\n        $validatedData['password'] = Hash::make($validatedData['password']);\n\n        User::create($validatedData);\n        return redirect('\/login')->with('success', 'Registration Succesfull! Please Login');\n    }\n}\n<\/pre><\/div>\n\n\n
Penjelasan, Di RegisterController ini memiliki dua fungsi yang berbeda, pertama fungsi index()<\/code>. Fungsi ini berguna untuk menampilkan Tampilan Formulir dari Ssitem Register kita. <\/p>\n\n\n\n
Kedua adalah Fungsi store(Request $request)<\/code>. Fungsi ini berguna untuk mengirimkan Data yang kita inputkan ke Database, dan apabila sudah selesai kita akan diarahkan ke \/login.<\/code> Nah karena kita belum membuat Route \/login<\/code>, maka nanti Outputnya akan Not Found<\/code>, tapi itu bukan masalah. Selain itu teman-teman bisa melihat kita menggunakan Hash::make. Nah itu digunakan untuk membuat Password kita menjadi Ter-encrypt. <\/p>\n\n\n\n
Mengatur Route pada web.php<\/h3>\n\n\n\n
Nah, di File web.php<\/code> ini kita harus membuat syntax yang diarahkan ke RegisterController <\/code>kita, syntax yang pertama adalah apabila kita mengakses Register<\/code>, dan yang kedua apabila kita mengirimkan data dari Register<\/code>.<\/p>\n\n\n\n
web.php<\/code><\/p>\n\n\n
\nRoute::get('\/register', [RegisterController::class, 'index']);\nRoute::post('\/register', [RegisterController::class, 'store']);\n<\/pre><\/div>\n\n\n
Membuat views<\/h3>\n\n\n\n
Nah, setelah selesai mengatur Route <\/code>dan Controller<\/code> nya, sekarang kita tinggal mengatur Tampilan dari Fitur Register kita. Tampilannya akan kita buat sederhana. Cukup berisi inputan yang kita butuhkan yaitu nama, email, dan password. <\/p>\n\n\n\n
Aku menggunakan template dari Bootstrap disini yang bisa kalian pakai juga. <\/p>\n\n\n
\n<!doctype html>\n<html lang="en">\n\n<head>\n    <!-- Required meta tags -->\n    <meta charset="utf-8">\n    <meta name="viewport" content="width=device-width, initial-scale=1">\n\n    <!-- Bootstrap CSS -->\n    <link href="https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.1.3\/dist\/css\/bootstrap.min.css" rel="stylesheet"\n        integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">\n\n    <title>Register<\/title>\n<\/head>\n\n<body>\n    <div class="row justify-content-center" style="margin-top: 150px">\n        <div class="col-lg-6">\n            <main class="form-registration">\n                <h1 class="h3 mb-3 fw-normal text-center">Registration Form<\/h1>\n                <form action="\/register" method="POST">\n                    @csrf\n                    <div class="form-floating">\n                        <input type="text" class="form-control rounded-top" name="name" id="name" required\n                            value="{{ old('name') }}" placeholder="Name">\n                        <label for="name">Name<\/label>\n                    <\/div>\n                    <div class="form-floating">\n                        <input type="email" class="form-control " name="email" id="email" required\n                            value="{{ old('email') }}" placeholder="name@example.com">\n                        <label for="email">Email address<\/label>\n                    <\/div>\n                    <div class="form-floating">\n                        <input type="password" class="form-control rounded-bottom" name="password" id="password" required\n                            placeholder="Password">\n                        <label for="password">Password<\/label>\n                    <\/div>\n\n                    <button class="w-100 btn btn-lg btn-danger mt-3" type="submit">Register<\/button>\n                <\/form>\n                <small class="d-block mt-3">Have an account? <a class="text-danger" href="\/login"> Login\n                        Here<\/a><\/small>\n            <\/main>\n        <\/div>\n    <\/div>\n\n    <script src="https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.1.3\/dist\/js\/bootstrap.bundle.min.js"\n        integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous">\n    <\/script>\n<\/body>\n\n<\/html>\n<\/pre><\/div>\n\n\n
Pada syntax diatas kita membuat sebuah Form yang memiliki action=\"\/register\"<\/code>. Jadi nanti kita akan mengirimkan Data kita. Data yang kita kirimkan adalah name<\/code>, email<\/code>, dan password<\/code>.<\/p>\n\n\n\n
Tampilan dari Sistem Register pada Laravel kita akan terlihat seperti ini. Tinggal kita praktekkan saja.<\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n
Nah, tinggal di isi sesuai dengan keinginan kita. Lalu tinggal kita lihat hasilnya di Database kita. Misal kita output kan, nanti akan mendapat hasil seperti ini di Database kita.<\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n
Kesimpulan<\/h2>\n\n\n\n
Nah disini kita sudah menyelesaikan sistem Register pada Laravel. Besok kita akan melanjutkan sistem berikutnya untuk Login dan Logout di Laravel.<\/p>\n\n\n\n
<\/p>\n\n\n\n
<\/p>\n","protected":false},"excerpt":{"rendered":"
Pada artikel kali ini, kita akan membahas Sistem Register pada Laravel. Sistem Register ini merupakan bagian dari Fitur yang sangat sering kita jumpai yaitu Login-Register. Nah, di artikel ini kita akan...<\/p>\n","protected":false},"author":2,"featured_media":762,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[8],"tags":[93,94,135,49],"class_list":["post-1034","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorial","tag-laravel","tag-laravel-8","tag-register","tag-tutorial"],"_links":{"self":[{"href":"https:\/\/duniacoding.id\/blog\/wp-json\/wp\/v2\/posts\/1034","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/duniacoding.id\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/duniacoding.id\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/duniacoding.id\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/duniacoding.id\/blog\/wp-json\/wp\/v2\/comments?post=1034"}],"version-history":[{"count":5,"href":"https:\/\/duniacoding.id\/blog\/wp-json\/wp\/v2\/posts\/1034\/revisions"}],"predecessor-version":[{"id":1052,"href":"https:\/\/duniacoding.id\/blog\/wp-json\/wp\/v2\/posts\/1034\/revisions\/1052"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/duniacoding.id\/blog\/wp-json\/wp\/v2\/media\/762"}],"wp:attachment":[{"href":"https:\/\/duniacoding.id\/blog\/wp-json\/wp\/v2\/media?parent=1034"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/duniacoding.id\/blog\/wp-json\/wp\/v2\/categories?post=1034"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/duniacoding.id\/blog\/wp-json\/wp\/v2\/tags?post=1034"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}