https://github.com/mmacneil/AngularASPNETCore2WebApiAuth

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.
https://github.com/mmacneil/AngularASPNETCore2WebApiAuth

angular angular5 aspnet-core aspnet-core-2 facebook-login oauth2 webapi

Last synced: 4 days ago
JSON representation

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.

• Host: GitHub
• URL: https://github.com/mmacneil/AngularASPNETCore2WebApiAuth
• Owner: mmacneil
• License: mit
• Created: 2017-12-30T14:05:07.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2023-02-27T19:27:52.000Z (over 1 year ago)
• Last Synced: 2024-11-08T02:53:31.481Z (5 days ago)
• Topics: angular, angular5, aspnet-core, aspnet-core-2, facebook-login, oauth2, webapi
• Language: C#
• Homepage: https://fullstackmark.com/post/13/jwt-authentication-with-aspnet-core-2-web-api-angular-5-net-core-identity-and-facebook-login
• Size: 981 KB
• Stars: 472
• Watchers: 51
• Forks: 238
• Open Issues: 17
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# 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.