Exemple de connexion et d’enregistrement personnalisés pour Laravel 10

Exemple de connexion et d’inscription personnalisée Laravel 10 – Brilliansolution.com. Dans ce guide, nous allons apprendre l’exemple de connexion et d’enregistrement personnalisé de laravel 10. vous apprendrez l’authentification de connexion personnalisée laravel 10. Cet article vous donnera un exemple simple de connexion et d’enregistrement personnalisés à laravel 10. Cet article détaille l’enregistrement et la connexion personnalisés de laravel 10. Voyons donc en détail un exemple.

Laravel fournit une authentification à l’aide de jetstream et du package ui. mais parfois, nous devons créer notre propre connexion, enregistrement, tableau de bord et déconnexion, puis je vous aiderai à créer étape par étape une page de connexion et d’enregistrement personnalisée dans l’application laravel.

vous pouvez voir ci-dessous un aperçu des pages :

Page de connexion:

Page d’inscription :

Tableau de bord :

Étape 1 : Installer Laravel

Tout d’abord, nous devons obtenir une nouvelle version de l’application Laravel à l’aide de la commande ci-dessous. Ouvrez donc votre terminal OU l’invite de commande et exécutez la commande ci-dessous :

composer create-project laravel/laravel example-app

Étape 2 : configuration de la base de données

Dans cette étape, nous devons ajouter la configuration de la base de données dans le fichier .env. ajoutons donc les détails suivants, puis exécutons la commande de migration :

.env

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=laravel9_blog
DB_USERNAME=root
DB_PASSWORD=password
Next, run migration command to create users table.

php artisan migrate

Lire aussi : Tutoriel d’échafaudage Laravel 10 Bootstrap Auth
Étape 3 : Créer un itinéraire

Dans cette étape, nous devons créer un itinéraire personnalisé pour la connexion, l’enregistrement, l’accueil et la déconnexion. alors ouvrez votre fichier routes/web.php et ajoutez la route suivante.

routes/web.php

name('login');
Route::post('post-login', [AuthController::class, 'postLogin'])->name('login.post');
Route::get('registration', [AuthController::class, 'registration'])->name('register');
Route::post('post-registration', [AuthController::class, 'postRegistration'])->name('register.post');
Route::get('dashboard', [AuthController::class, 'dashboard']);
Route::get('logout', [AuthController::class, 'logout'])->name('logout');
Step 4: Create Controller

in this step, we need to create AuthController and add following code on that file:

app/Http/Controllers/Auth/AuthController.php

validate([
        'email' => 'required',
        'password' => 'required',
    ]);

    $credentials = $request->only('email', 'password');
    if (Auth::attempt($credentials)) 
        return redirect()->intended('dashboard')
                    ->withSuccess('You have Successfully loggedin');
    

    return redirect("login")->withSuccess('Oppes! You have entered invalid credentials');


/**
 * Write code on Method
 *
 * @return response()
 */
public function postRegistration(Request $request): RedirectResponse
unique:users',
        'password' => 'required

/**
 * Write code on Method
 *
 * @return response()
 */
public function dashboard(): RedirectResponse

    if(Auth::check())
        return view('dashboard');
    

    return redirect("login")->withSuccess('Opps! You do not have access');


/**
 * Write code on Method
 *
 * @return response()
 */
public function create(array $data)

  return User::create([
    'name' => $data['name'],
    'email' => $data['email'],
    'password' => Hash::make($data['password'])
  ]);


/**
 * Write code on Method
 *
 * @return response()
 */
public function logout(): RedirectResponse

    Session::flush();
    Auth::logout();

    return Redirect('login');

Étape 5 : créer des fichiers lame

ici, nous devons créer des fichiers blade pour la mise en page, la connexion, l’enregistrement et la page d’accueil. alors créons un par un les fichiers :

ressources/vues/auth/login.blade.php

@extends('layout')
@section('content')

Login @csrf E-Mail Address

@if ($errors->has('email'))  $errors->first('email')  @endif Password

@if ($errors->has('password'))  $errors->first('password')  @endif Remember Me Login
@endsection
resources/views/auth/registration.blade.php

@extends('layout')

@section('content')

Register @csrf Name

@if ($errors->has('name'))  $errors->first('name')  @endif E-Mail Address

@if ($errors->has('email'))  $errors->first('email')  @endif Password

@if ($errors->has('password'))  $errors->first('password')  @endif Remember Me Register
@endsection

ressources/vues/dashboard.blade.php

@extends('layout')

@section('content')

 __('Dashboard') 

@if (session('success'))

 session('success') 

@endif You are Logged In

@endsection

ressources/vues/layout.blade.php

    
    
    


    

  
@yield('content')
     

Toutes les étapes requises ont été effectuées, vous devez maintenant taper la commande ci-dessous et appuyer sur Entrée pour exécuter l’application Laravel :

php artisan serve

Maintenant, allez dans votre navigateur Web, tapez l’URL donnée et affichez la sortie de l’application :