Go To Dashboard

ASP.NET


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

Prerequisites

This tutorial assumes you have:

  • Basic knowledge of HTML/CSS
  • ASP.NET 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

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

    With https

    git clone https://github.com/LoginRadius/login-page-demos.git
  2. Now Open dot-net-idx-demo in your ASP.NET IDE(Visual Studio).

cd login-page-demo/dot-net-idx-demo/

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

  • Samples - Contains all the code related to a sample demo created in MVC format using ASP.NET.

  • Source folder - contains the LoginRadius ASP.NET SDK functionality needed to run the authentication demo

.
Samples
-- dot-net-demo/
  |-- Controllers/
  |--  Models/
  |--  Views/
  |--  wwwroot/
Source/
  1. You need to add your LoginRadius credentials in the demo app to communicate with LoginRadius SDK
  • Server side: dot-net-idx-demo\Samples\dot-net-demo\dot-net-demo\appsettings.json
"loginradius": {
    "apiKey": "",
    "apiSecret": "",
    "appName": "",
    "connectionTimeout": "__HTTP_CONNECTION_TIMEOUT__",
    "requestRetries": "__HTTP_CONNECTION_RETRY__",
    "domainName": "https://api.loginradius.com/"
  }
  • Client side: dot-net-idx-demo\Samples\dot-net-demo\dot-net-demo\wwwroot\js\options.js
commonOptions.apiKey = "<LoginRadius API Key>"; 
commonOptions.appName = "<App Name>"; 
  1. Run this application on your ASP.NET IDE and after successful build

Now you can see application running in the http://localhost:4000/. Once you click on login button it will redirect you to auth page.

Dotnet-app

Features implemented in demo

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

Discover More

Discover More on

How To Guides

Edit on GitHub