Skip to main content

Standard Login

Overview

The Standard Login feature from LoginRadius provides a secure and customizable way for users to log in using their email, username, phone, and password. This guide will help you understand the essentials of setting up and integrating the Standard Login feature.

Common Use Cases

  • Email and Password Login: Enable users to authenticate seamlessly using their registered credentials.

  • Username Login: Enables login with a username instead of an email.

  • Multi-Application Use: Facilitate seamless authentication across multiple applications within the same LoginRadius tenant, ensuring a consistent user experience.

To explore these workflows, visit our Live Demo Page and experience how these features can enhance your applications.

Configuration

This section lets you enable and customize various login methods, including email/password, phone, and username. For email/password logins, you can configure signup and verification as required or optional and select the verification method (code or link). Phone login requires enabling phone authentication and setting up the signup flow with phone verification via code. For username login, you can enable the feature, define the signup flow, specify whether usernames are case-sensitive, and allow duplicate emails with unique usernames. It is required that at least one of the provided login methods is enabled on your account.

This section explains how to enable and configure login with email and password, including options for signup flow, verification flow, and verification methods (code or link). This specific method is the default login method provided to all the customers.

You must navigate to the Authentication configuration section to enable login with your email and password under the dashboard. Also, check your site's email verification in this section as explained below:

  • Signup Flow: This section allows you to select the sign-up flow option for your users. The options are:

    • Mandatory - Email input is required at sign-up time and cannot be changed. This option ensures every user has a unique and verified identifier for account-related communications, password recovery, and authentication.

      Scenarios:

      • Businesses rely on email marketing, notifications, or account recovery.
      • Platforms prioritizing email-based single sign-on (SSO) for consistent user identity.
      • For applications where regulatory compliance mandates a verified email address (e.g., finance, healthcare),
    • Optional - Email input is optional at the time of sign-up. If provided, it can only be changed if another authentication type is enabled. This option Supports users who prefer alternative authentication methods or do not wish to provide an email address.

      Scenarios:

      • Apps targeting regions where phone numbers are more common than email for communication and identity.
      • Platforms offer multiple login methods, such as social login or biometric authentication.
      • Businesses focusing on user privacy and reducing barriers to sign-up.

  • Verification Flow: This section allows users to select the email verification flow option. The options are:

    • Mandatory Verification: The user must complete the email verification flow before logging in.

      Use Case:

      • Security-critical applications: Platforms that require a verified email to ensure account security, prevent fraudulent accounts, and validate user identity (e.g., financial apps, government services).

      • Compliance-driven platforms: Businesses needing verified user data for regulatory compliance, such as GDPR or HIPAA.

      • Business-driven scenarios: Companies prioritize email as a primary communication channel for account recovery, notifications, or marketing.

    • Optional Verification: The user can skip the email verification flow.

      Use Case:

      • Low-barrier sign-up platforms: Apps or services prioritizing user acquisition where email verification is encouraged but not enforced to avoid deterring sign-ups (e.g., social media or freemium apps).

      • Multi-authentication scenarios: Platforms offering other secure login methods (e.g., social logins or phone verification) where email verification adds optional security but isn't critical.

      • User-centric models: Services focusing on user experience and flexibility by allowing users to choose how they secure their accounts.

    • Disabled Verification: Email verification is turned off, and no verification emails are sent.

      Use Case:

      • Phone-based authentication: Apps where the primary identifier is a phone number and email is secondary or not required.

      • Privacy-focused platforms: These services target users who are sensitive about providing personal information and prefer anonymity or minimal data collection.

      • Internal systems: Platforms used internally within an organization where user accounts are pre-verified or managed by administrators.

Verification Methods: This section allows users to select the email verification method. The options are:

  • Email Verification Code: The user will receive a verification code via email to confirm their identity.

  • Email Verification Link: The user will receive a verification link via email to confirm their identity.

Email and password fields appear mandatory by default on the registration form when this method is enabled. You can customize these fields per your use case by navigating to the Branding > Form section. Additionally, you'll have the flexibility to manage advanced fields, custom fields, and their controls from this section. For more information on this, refer to the Standard Login Form Fields.

Integration Guide

This section offers a detailed walkthrough for integrating a robust and secure standard login process into your application using LoginRadius. It includes back-end integration, front-end customization, and post-login management to deliver a seamless user experience.

Sending Login Requests

Integration via API

REST APIs for greater flexibility and custom control over login workflows.

  • Login: /identity/v2/auth/login
  • Registration: /identity/v2/auth/register
  • Password Reset: /identity/v2/auth/password

Integration via SDK

Utilize the Prebuilt V2 JS login Interface to allow the users to log in via username

Implementing login with JavaScript SDK:

Use LoginRadius SDKs for simplified integration across popular programming languages. SDKs provide pre-built libraries to streamline communication with the LoginRadius API. LoginRadius SDKs simplify authentication by offering pre-built methods for:

  • User registration and login.
  • Access token management.
  • Password reset workflows.

Note: Follow the Session Management document for managing the session after the login process.

Login Form Customization

  • Design a login form tailored to your application’s branding and UX guidelines.
  • Include essential fields like email/username and password, ensuring compatibility with LoginRadius’s authentication framework.

Customization Options

LoginRadius provides extensive customization options to meet your business requirements, allowing you to configure validation rules for password policies and advanced security settings. You can customize the login flow using the Admin Console or implement API hooks for dynamic behavior and enhance UI customization by updating branding elements, adding dynamic features, or leveraging hosted pages for complete design control.

1. Validation Rules

  • Enforce password policies, such as minimum and maximum length, inclusion of special characters, or adherence to specific formats.
  • Configure advanced rules to ensure enhanced security while maintaining user convenience.

2. Login Flow

  • Personalize the login flow using the LoginRadius Admin Console for simple adjustments.
  • For advanced customization, integrate API hooks to add logic and dynamic behavior to authentication processes.

3. UI Customization

  • Update branding elements, such as logos, colors, and labels, directly through the Admin Console.
  • Leverage hooks to introduce dynamic elements, such as context-sensitive messages or user-specific actions.
  • Utilize Hosted Page for greater control and flexibility in designing login experiences to match your application’s look and feel.