Laravel Authentication

Shishir Bhuiyan — Sat, 24 Feb 2024 17:37:20 +0000

*Main Source : *https://laravel.com/docs/9.x/authentication#authenticating-users

Laravel offers several packages related to authentication. Before continuing, we'll review the general authentication ecosystem in Laravel and discuss each package's intended purpose.

First, consider how authentication works. When using a web browser, a user will provide their username and password via a login form. If these credentials are correct, the application will store information about the authenticated user in the user's session. A cookie issued to the browser contains the session ID so that subsequent requests to the application can associate the user with the correct session. After the session cookie is received, the application will retrieve the session data based on the session ID, note that the authentication information has been stored in the session, and will consider the user as "authenticated".

When a remote service needs to authenticate to access an API, cookies are not typically used for authentication because there is no web browser. Instead, the remote service sends an API token to the API on each request. The application may validate the incoming token against a table of valid API tokens and "authenticate" the request as being performed by the user associated with that API token.

Laravel includes built-in authentication and session services which are typically accessed via the Auth and Session facades. These features provide cookie-based authentication for requests that are initiated from web browsers. They provide methods that allow you to verify a user's credentials and authenticate the user. In addition, these services will automatically store the proper authentication data in the user's session and issue the user's session cookie.
The attempt method accepts an array of key / value pairs as its first argument. The values in the array will be used to find the user in your database table. So, in the example above, the user will be retrieved by the value of the email column. If the user is found, the hashed password stored in the database will be compared with the password value passed to the method via the array. You should not hash the incoming request's password value, since the framework will automatically hash the value before comparing it to the hashed password in the database. An authenticated session will be started for the user if the two hashed passwords match.

Remember, Laravel's authentication services will retrieve users from your database based on your authentication guard's "provider" configuration. In the default config/auth.php configuration file, the Eloquent user provider is specified and it is instructed to use the App\Models\User model when retrieving users. You may change these values within your configuration file based on the needs of your application.

The attempt method will return true if authentication was successful. Otherwise, false will be returned.

The intended method provided by Laravel's redirector will redirect the user to the URL they were attempting to access before being intercepted by the authentication middleware. A fallback URI may be given to this method in case the intended destination is not available.
Link : https://laravel.com/docs/9.x/authentication#authenticating-users

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;
use Illuminate\Support\Facades\Auth;

class LoginController extends Controller
{
    /**
     * Handle an authentication attempt.
     *
     * @param  \Illuminate\Http\Request  $request
     * @return \Illuminate\Http\Response
     */
    public function authenticate(Request $request)
    {
        $credentials = $request->validate([
            'email' => ['required', 'email'],
            'password' => ['required'],
        ]);

        if (Auth::attempt($credentials)) {
            $request->session()->regenerate();

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

        return back()->withErrors([
            'email' => 'The provided credentials do not match our records.',
        ])->onlyInput('email');
    }
}

Accessing Specific Guard Instances

https://laravel.com/docs/9.x/authentication#accessing-specific-guard-instances

Authenticate A User Once

https://laravel.com/docs/9.x/authentication#authenticate-a-user-once

Invalidating Sessions On Other Devices

https://laravel.com/docs/9.x/authentication#invalidating-sessions-on-other-devices

Font Awesome 5 use social/brand icons in React

Shishir Bhuiyan — Mon, 12 Feb 2024 07:59:56 +0000

npm i --save @fortawesome/fontawesome-svg-core npm install --save @fortawesome/free-solid-svg-icons npm i --save @fortawesome/free-brands-svg-icons npm install --save @fortawesome/react-fontawesome

import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import {  faFacebookF , } from '@fortawesome/free-brands-svg-icons';

<FontAwesomeIcon icon={faFacebookF} />

Optional parameter in react functional Component

Shishir Bhuiyan — Thu, 08 Feb 2024 14:56:59 +0000

import React from 'react';

const MyComponent = ({ optionalParam = 'Default Value' }) => {
  return (
    <div>
      <p>{optionalParam}</p>
    </div>
  );
};

export default MyComponent;

Answer: ReactJS and images in public folder

Shishir Bhuiyan — Wed, 07 Feb 2024 20:50:41 +0000

You don't need any webpack configuration for this.
<img src="/image.jpg" alt="image" />

To reference images in public there are two ways I know how to do it straight forward.
<img src={process.env.PUBLIC_URL + '/yourPathHere.jpg'} />

Reference : https://stackoverflow.com/questions/47196800/reactjs-and-images-in-public-folder

Answer: How to import a CSS file in a React Component

Shishir Bhuiyan — Wed, 07 Feb 2024 18:08:16 +0000

Oct 4 '16

I would suggest using CSS Modules:

React

import React from 'react';
import styles from './table.css';

export default class Table extends React.Component {
    render () {
        return <div className={styles.table}>
            <div className={styles.row}>
                <div className={styles.cell}>A0</div>
                <div className={styles.cell}>B0</div>
            </div>
        </div>;
    }
}

Rendering the Component:

<div class="table__table___32osj">
    <div class="table__row___2w27N">
        <div class="table__cell___2w27N">A0</div>
        <div class="table__cell___1oVw5">B0</div>
    </div>

…

Open Full Answer

DEV Community: Shishir Bhuiyan