Login Component

Description

The Login Component is used with the Alpha Anywhere Web Security System. It provides an interface for users to enter their credentials (i.e. user name and password) as well as optional options for password reset.

Discussion

When you create a new Login component, the following dialog is shown asking what type of Login component to create: a Login UX component or a Legacy Login component.

The Legacy Login component is the Login component that has been in Alpha Anywhere for decades and provides basic authentication functionality. Using the Legacy Login component in web and mobile applications is not recommended.

The Login UX is a newer component added in the release of Alpha Anywhere 4.6.3.2 and is the recommended Login component to use. The Login UX has numerous advantages over the Legacy Login component:

  • The Login UX is fully customizable
  • The Login UX supports two-factor authentication
  • The Login UX includes built-in support for password reset and new account creation
  • The Login UX includes built-in support for two different after login behaviors - redirect to a target page, or set focus to a Panel Card that represents the starting point of your application
  • The Login UX includes built-in support for 'persistent login' -- the user will be automatically logged in if they have previously logged in provided the login has not expired (you can customize the persistent login duration)
Name
Description
Legacy Login Component

A Login/Register form for authenticating a user before allowing access to an application.

Login UX Component

An interface for adding login functionality to an application that has the security framework enabled. Includes built-in support for reset password, account creation, two-factor authentication, and persistent login.

New Login Component Prompt
New Login Component Prompt

Videos 

Using a UX Component as your Login Dialog

When you enable the Security Framework for your project you will need a login dialog where users will log into your application. A UX component can be used as the Login component and can be configured to allow password reset and new account creation.

In this video we show how to use a UX component as your Login dialog.

2021-06-22

Reset Password

A common requirement in any Security Framework is the ability for the user to reset their password if they have forgotten it. The typical pattern for this is to send an email to the user. The email has a link that the user can click to bring up a dialog where they can change their password.

In this video we show how this is done.

2021-06-22

Create new account

A common requirement in any Security Framework is the ability for a user to create a new account.

In this video we show how the user can create a new account.

In addition, if the Web Project has defined an Extended User-information table, then at the same time that the user creates their new account, they can choose to enable two-factor authentication.

In this video we show how this is done.

2021-06-22

After Login Behavior

After the user has logged into your application using a UX component, configured as a Login dialog, the "after login behavior" can either redirect the user to another page in your application, or to another Panel in the UX component.

In this video we show how the "after login behavior" is configured.

2021-06-22

Persistent Login

A common requirement when building an application with the Security Framework is to enable 'persistent login'. With 'persistent login' a user will not need to log into the app again after they have successfully logged in once.

In this video we show how 'persistent login' is enabled.

2021-06-22

Password reset when userid is a value (not an email address)

The password reset feature can be used when the userid in the security framework is a value (rather than an email address).

This video shows how this is done and how the extended user-information table must be configured.

2021-07-08

Using the password reset feature in a Cordova mobile application

The password reset feature can be used in Cordova applications running on mobile devices. The behavior of the component is slightly different than when running in a browser.

In this video we show how password reset work in a Cordova application.

2021-07-08

Webinar: Intro to The New Alpha Anywhere Security Genie

Dion McCormick presents an introduction to Alpha Anywhere's new Security Genie.

2021-10-20

See Also