All Projects → mmacneil → Angularaspnetcore2webapiauth

mmacneil / Angularaspnetcore2webapiauth

Licence: mit
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.

Projects that are alternatives of or similar to Angularaspnetcore2webapiauth

Vueaspnetcore2webapiauth
Sample project demonstrating jwt-based authentication with an Vue.js (v2.5.13) frontend and ASP.NET Core 2 WebApi. Includes both local user registration with .NET Core Identity membership and facebook login scenarios.
Stars: ✭ 96 (-77.93%)
Mutual labels:  webapi, oauth2, facebook-login
Webapimongodb
Using MongoDB with ASP.NET Web API and ASP.NET Core to perform CRUD operations and build a NotebookApp
Stars: ✭ 164 (-62.3%)
Mutual labels:  webapi, aspnet-core
Jsonapidotnetcore
JSON:API Framework for ASP.NET Core
Stars: ✭ 465 (+6.9%)
Mutual labels:  webapi, aspnet-core
MinimalApi
ASP.NET Core 7.0 - Minimal API Example - Todo API implementation using ASP.NET Core Minimal API, Entity Framework Core, Token authentication, Versioning, Unit Testing, Integration Testing and Open API.
Stars: ✭ 156 (-64.14%)
Mutual labels:  aspnet-core, webapi
Identitybase
IdentityBase is a Universal Identity Platform for web, mobile and IoT built on top of IdentityServer.
Stars: ✭ 112 (-74.25%)
Mutual labels:  aspnet-core, oauth2
Identityserver4 Example
Example IdentityServer 4 Implementation
Stars: ✭ 136 (-68.74%)
Mutual labels:  aspnet-core, oauth2
Raygun4net
Raygun provider for .NET
Stars: ✭ 107 (-75.4%)
Mutual labels:  webapi, aspnet-core
Keyist-Ecommerce
🔑 A simple ecommerce site powered with Spring Boot + Angular 10 + Ngrx + OAuth2
Stars: ✭ 220 (-49.43%)
Mutual labels:  oauth2, angular5
IdentityServerSample
Sample ASP.NET Core MVC and Angular apps and API using Identity Server 4
Stars: ✭ 25 (-94.25%)
Mutual labels:  oauth2, webapi
AzureADAuthRazorUiServiceApiCertificate
Azure AD flows using ASP.NET Core and Microsoft.Identity
Stars: ✭ 41 (-90.57%)
Mutual labels:  oauth2, aspnet-core
Identityserver4
OpenID Connect and OAuth 2.0 Framework for ASP.NET Core
Stars: ✭ 8,428 (+1837.47%)
Mutual labels:  aspnet-core, oauth2
Caddy Auth Portal
Authentication Plugin for Caddy v2 implementing Form-Based, Basic, Local, LDAP, OpenID Connect, OAuth 2.0 (Github, Google, Facebook, Okta, etc.), SAML Authentication
Stars: ✭ 291 (-33.1%)
Mutual labels:  oauth2, facebook-login
Identityserver4.samples
Samples for IdentityServer4
Stars: ✭ 1,002 (+130.34%)
Mutual labels:  aspnet-core, oauth2
Aspnetcoreangularsignalrsecurity
Security with ASP.NET Core, SignalR and Angular
Stars: ✭ 171 (-60.69%)
Mutual labels:  aspnet-core, oauth2
Aspnet5identityserverangularimplicitflow
OpenID Connect Code / Implicit Flow with Angular and ASP.NET Core 5 IdentityServer4
Stars: ✭ 670 (+54.02%)
Mutual labels:  aspnet-core, oauth2
Identityserver4.samples
Samples for IdentityServer4,use .net core 2.0
Stars: ✭ 561 (+28.97%)
Mutual labels:  aspnet-core, oauth2
Auth
:atom: Social (OAuth1\OAuth2\OpenID\OpenIDConnect) sign with PHP
Stars: ✭ 457 (+5.06%)
Mutual labels:  oauth2, facebook-login
Spring Boot React Oauth2 Social Login Demo
Spring Boot React OAuth2 Social Login with Google, Facebook, and Github
Stars: ✭ 676 (+55.4%)
Mutual labels:  oauth2, facebook-login
angular5-social-login
Social authentication module for Angular 5. Includes Facebook and Google login with AOT compatibility.
Stars: ✭ 40 (-90.8%)
Mutual labels:  facebook-login, angular5
SimpleOAuth
Simple OAuth 2.0 for Android
Stars: ✭ 15 (-96.55%)
Mutual labels:  oauth2, facebook-login

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.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].