Node.js

Watch the video for the step by step tutorial or refer to the section below for the text-based guide.

This guide will show you how to implement the user authentication in a Node.js Express application. For this tutorial, we will use the Node.js demo from GitHub and show you step by step how to run it.

Prerequisites

This tutorial assumes you have:

• Basic knowledge of HTML/CSS
• Latest Node.js version installed on your system

Setup Your Dashboard

Get your credentials and whitelist your application domain as explained in this section. This is a mandatory step to successfully implement and run the demo.

Start with Auth Page (IDX) demo

1. You can clone the Auth Page demo repository on your system using below commands:

   With SSH

   Copy

   git clone git@github.com:LoginRadius/login-page-demos.git

   With https

   Copy

   git clone https://github.com/LoginRadius/login-page-demos.git

2. Now move to the directory Node.js demo by running the following command using the terminal

   Copy

   cd login-page-demo/node-idx-demo/

   This is the file structure you will get in the Node.js demo, let's see what each file does

   • demo folder - Contains all the HTML, CSS and JS file to create UI for the test application.

   • package.json - Contains all the bare minimum Node.js dependencies needed.

   • server.js - Contains all the server-side code to render Html pages and send requests to LoginRadius server.

   Copy

     +-- demo
     |   +-- assets
     |   --- index.html
     |   --- profile.html
     |   --- resetpassword.html
     --- package.json
     --- server.js

3. Set your LoginRadius credentials on the client and server-side in the following files

   • Server side: server.js
   Copy

   /*  Config variable  */
   var config = {
     apiDomain: 'https://api.loginradius.com',
     apiKey: '<LoginRadius API key>',
     apiSecret: '<LoginRadius API secret>',
     siteName: '<LoginRadius App name>',
   };

   • Client side: demo/assets/js/options.js
   Copy

   commonOptions.apiKey = "<LoginRadius API key>";
   commonOptions.appName = "<LoginRadius App Name>";

4. Running application

   Run the below commands in the terminal from the root folder of the application

   Copy

   npm install

   Once all the dependencies have been installed run the application

   Copy

   node server.js

   Then visit http://localhost:3000/demo from your local browser and you will see the application running. Once you click on login button it will redirect you to auth page.

   

Features implemented in demo

• Login with Auth Page (IDX)
• Registration with Auth Page (IDX)
• Email Verification
• Forgot Password
• Reset Password

Discover More