Laravel 8 Custom Authentication Login and Registration Tutorial

Laravel 8 custom login and registration tutorial; In this tutorial, i will explain how to create custom

authentication login and registration in the Laravel application using mysql.

Laravel is a most PHP framework that is a developed for web developers, and it offers numerous packages and plugins

to build any type of functionality. When we talk about the authentication feature, you can install and use the

Laravel package using laravel framework.

i am are going to share with you the traditional method through which you can create custom

authentication in laravel. This quick guide, step by step, describes the simple method to build custom login,

registration and dashboard using custom templates.

Laravel 8 Custom process for making custom Auth Login and Registration Example with step by step process. follow

our step to create customer instraction

Step 1: Create Laravel App

Step 2: Connect to Database

Step 3: Set Up Auth Controller

Step 4: Create Auth Routes

Step 5: Create Auth Blade View Files

Step 6: Run Laravel Development Server

Step 7: Or you can use localhost/projectname/

if you want to create press new laravel project you need to first install composer follow this tutorial if you are

press new in laravel

We assume you have already configured Composer on your system, run the following command to install the new

laravel app. However, you can skip this step if the app is already installed.

composer create-project --prefer-dist laravel/laravel laravel_demo_login_reg

Next, head over to app folder:

cd laravel_demo_login_reg

Now, you have to add database name, username, and password into the .env configuration file to connect the laravel

app to the database:

DB_CONNECTION=mysql

DB_HOST=127.0.0.1

DB_PORT=3306

DB_DATABASE=database_name

DB_USERNAME=database_user_name

DB_PASSWORD=database_password

The laravel app comes with a default User model and migration file, and we only have to run the following command

to create the new table inside the database. So, get to the terminal and execute the following command to run the

migration.

DB_CONNECTION=mysql

DB_HOST=127.0.0.1

DB_PORT=3306

DB_DATABASE=database_name

DB_USERNAME=database_user_name

DB_PASSWORD=database_password

Bash

The laravel app comes with a default User model and migration file, and we only have to run the following command

to create the new table inside the database. So, get to the terminal and execute the following command to run the

migration.

php artisan migrate

Set Up Auth Controller

Next, type the suggested command on the command prompt and execute the command to generate a new controller file

by the name of CustomAuthController.

php artisan make:controller CustomAuthController

Thereafter, open app\Http\Controllers\CustomAuthController.php file and carefully place the following code within

the file.

Create Auth Routes

This step explains how to create routes with POST and GET methods for handling custom authentication in laravel

application. Consequently, open and add the recommended code in the routes/web.php file:

<?php

use Illuminate\Support\Facades\Route;

use App\Http\Controllers\CustomAuthController;

|--------------------------------------------------------------------------

| Web Routes

|--------------------------------------------------------------------------

Route::get('dashboard', [CustomAuthController::class, 'dashboard']);

Route::get('login', [CustomAuthController::class, 'index'])->name('login');

Route::post('custom-login', [CustomAuthController::class, 'customLogin'])->name('login.custom');

Route::get('registration', [CustomAuthController::class, 'registration'])->name('register-user');

Route::post('custom-registration', [CustomAuthController::class, 'customRegistration'])->name('register.custom');

Route::get('signout', [CustomAuthController::class, 'signOut'])->name('signout');

Create Auth Blade View Files

You need to create auth folder in resources/views/ folder and likewise create a new login.blade.php file within,

there after place the following code in resources/views/auth/login.blade.php file:

@extends('app')

@section('content')

<h3 class="card-header text-center">Login</h3>

@csrf

<input type="text" placeholder="Email" id="email" class="form-control" name="email" required

autofocus>

@if ($errors->has('email'))

<span class="text-danger">{{ $errors->first('email') }}</span>

@endif

</div>

@if ($errors->has('password'))

<span class="text-danger">{{ $errors->first('password') }}</span>

@endif

</div>

<label>

<input type="checkbox" name="remember"> Remember Me

</label>

</div>

<button type="submit" class="btn btn-dark btn-block">Signin</button>

</div>

</form>

</div>

</main>

@endsection

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;

use Hash;

use Session;

use App\Models\User;

use Illuminate\Support\Facades\Auth;

class CustomAuthController extends Controller

{

public function index()

{

return view('auth.login');

}

public function customLogin(Request $request)

{

$request->validate([

'email' => 'required',

'password' => 'required',

]);

$credentials = $request->only('email', 'password');

if (Auth::attempt($credentials)) {

return redirect()->intended('dashboard')

->withSuccess('Signed in');

}

return redirect("login")->withSuccess('Login details are not valid');

}

public function registration()

{

return view('auth.registration');

}

public function customRegistration(Request $request)

{

$request->validate([

'name' => 'required',

'email' => 'required|email|unique:users',

'password' => 'required|min:6',

]);

$data = $request->all();

$check = $this->create($data);

return redirect("dashboard")->withSuccess('You have signed-in');

}

public function create(array $data)

{

return User::create([

'name' => $data['name'],

'email' => $data['email'],

'password' => Hash::make($data['password'])

]);

}

public function dashboard()

{

if(Auth::check()){

return view('dashboard');

}

return redirect("login")->withSuccess('You are not allowed to access');

}

public function signOut() {

Session::flush();

Auth::logout();

return Redirect('login');

}

Create Auth Routes

This step explains how to create routes with POST and GET methods for handling custom authentication in laravel application. Consequently, open and add the recommended code in the routes/web.php file:

<?php

use Illuminate\Support\Facades\Route;

use App\Http\Controllers\CustomAuthController;

|--------------------------------------------------------------------------

| Web Routes

|--------------------------------------------------------------------------

Route::get('dashboard', [CustomAuthController::class, 'dashboard']);

Route::get('login', [CustomAuthController::class, 'index'])->name('login');

Route::post('custom-login', [CustomAuthController::class, 'customLogin'])->name('login.custom');

Route::get('registration', [CustomAuthController::class, 'registration'])->name('register-user');

Route::post('custom-registration', [CustomAuthController::class, 'customRegistration'])->name('register.custom');

Route::get('signout', [CustomAuthController::class, 'signOut'])->name('signout');

PHP

Create Auth Blade View Files

You need to create auth folder in resources/views/ folder and likewise create a new login.blade.php file within, there after place the following code in resources/views/auth/login.blade.php file:

@extends('app')

@section('content')

<h3 class="card-header text-center">Login</h3>

@csrf

<input type="text" placeholder="Email" id="email" class="form-control" name="email" required

autofocus>

@if ($errors->has('email'))

<span class="text-danger">{{ $errors->first('email') }}</span>

@endif

</div>

@if ($errors->has('password'))

<span class="text-danger">{{ $errors->first('password') }}</span>

@endif

</div>

<label>

<input type="checkbox" name="remember"> Remember Me

</label>

</div>

<button type="submit" class="btn btn-dark btn-block">Signin</button>

</div>

</form>

</div>

</main>

@endsection

You have to move to resources/views/auth folder, similarly create a new registration.blade.php file within, after

that update the suggested code in the resources/views/auth/registration.blade.php file:

@extends('app')

@section('content')

<h3 class="card-header text-center">Register User</h3>

@csrf

<input type="text" placeholder="Name" id="name" class="form-control" name="name"

required autofocus>

@if ($errors->has('name'))

<span class="text-danger">{{ $errors->first('name') }}</span>

@endif

</div>

<input type="text" placeholder="Email" id="email_address" class="form-control"

name="email" required autofocus>

@if ($errors->has('email'))

<span class="text-danger">{{ $errors->first('email') }}</span>

@endif

</div>

<input type="password" placeholder="Password" id="password" class="form-control"

name="password" required>

@if ($errors->has('password'))

<span class="text-danger">{{ $errors->first('password') }}</span>

@endif

</div>

<label><input type="checkbox" name="remember"> Remember Me</label>

</div>

</div>

</form>

</div>

</main>

@endsection

Head over to resources/views/ folder, then create the new dashboard.blade.php file, then add the given below code

in the resources/views/dashboard.blade.php file:

<!DOCTYPE html>

<html>

<head>

<title>Custom Auth in Laravel</title>

</head>

<body>

<a class="navbar-brand mr-auto" href="#">PositronX</a>

<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"

aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">

</button>

@guest

<a class="nav-link" href="{{ route('login') }}">Login</a>

</li>

<a class="nav-link" href="{{ route('register-user') }}">Register</a>

</li>

@else

<a class="nav-link" href="{{ route('signout') }}">Logout</a>

</li>

@endguest

</ul>

</div>

</nav>

@yield('content')

</body>

</html>

Run Laravel Development Server

Finally, we need to run the laravel development server, which will help us start the app on the browser. Ensure

that you execute the given below command through the command prompt.

php artisan serve

Add the following url on the browser’s address bar and test the app recklessly.

http://127.0.0.1:8000/login

Tech Learning

Friday, August 13, 2021

Laravel 8 Custom Authentication Login and Registration Tutorial

Laravel 8 Custom Authentication Login and Registration Tutorial

1 comment:

Make money online

About Me

Popular Posts

Recent-post

Labels

Facebook

Recent-Post

Popular Posts

About Me

Labels