huzefaezzi / reactjs-ts-identityserver

Demo app for using Identity Server with React.js SPA, .Net Core 2.1 and TypeScript

reactjs-ts-identityserver

Demo project for using Identity Server with React.js SPA and TypeScript

The project is in 3 parts:

IdentityServer (http://localhost:5000)

Based off the IdentityServer4 samples, it uses uses ASP.NET Identity for identity management. You'll need to create the database (instructions bellow) to begin creating user accounts.

Spa (http://localhost:5100)

Based off the dotnet new reactredux template. Uses redux-oidc package for managing authentication.

Api (http://localhost:5200)

Based off the dotnet new webapi template. Has a global authorize filter.

Stuff to install

Dotnet Core 2.1 SDK
Node.js
SQL Server (or at least LocalDb)

Running the project

Clone repository

Open a command prompt in project location:

cd Spa

npm install

dotnet run

In a second command prompt:

cd IdentityServer

dotnet ef database update

dotnet run

In a third command prompt:

cd Api

dotnet run

Go to identity server (http://localhost:5000) create an account then go to the single page app (http://localhost:5100)

You may need to change the environment variable on each project, either

• run set ASPNETCORE_ENVIRONMENT=Development in Windows cmd terminal
• run $Env:ASPNETCORE_ENVIRONMENT = "Development" in Windows powershell terminal

Credits

• IdentityServer4.Samples
• Dotnet core templates
• redux-oidc