Sample project demonstrating jwt-based authentication with an Angular (v5.2.1) frontend and ASP.NET Core 2 WebApi. Includes both local user registration with .NET Core Identity membership and facebook login scenarios.
Switch branches/tags
Nothing to show
Clone or download
Latest commit 43ee286 Aug 19, 2018
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.vscode Fixup httpcontext and renamed project. Jan 3, 2018
src crucial fix Jun 1, 2018
.gitignore Include launchsettings. Jan 4, 2018
LICENSE Create LICENSE Aug 19, 2018
README.md Update README.md Jan 5, 2018

README.md

AngularASPNETCore2WebApiAuth

Sample project based on the blog post demonstrating jwt-based authentication with an Angular (v5.2.1) frontend and ASP.NET Core 2 WebApi. Includes both local user registration with .NET Core Identity membership and facebook login scenarios.

Facebook flow

Email flow

Development Environment

  • Sql Server Express 2017 & Sql Server Management Studio 2017
  • Runs in both Visual Studio 2017 & Visual Studio Code
  • Node 8.9.4 & NPM 5.6.0
  • .NET Core 2.0 sdk
  • Angular CLI -> npm install -g @angular/cli https://github.com/angular/angular-cli

Setup

To build and run the project using the command line:

  1. Install npm packages with src>npm install in the src directory.
  2. Restore nuget packages with src>dotnet restore in the src directory.
  3. Create the database with src>dotnet ef database update in the src directory.
  4. Run the project with src>dotnet run in the src directory.
  5. Point your browser to http://localhost:5000.

Of course, you can also run it from either Visual Studio 2017 or Visual Studio Code with the IDE handling most of the steps above. If you have issues, try running the above steps from the command line to ensure things are setup properly.

Facebook App Setup

You're free to use the demo facebook app Fullstack Cafe that the project is already configured with. To setup and use your own application follow the steps detailed on the post.