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.
Switch branches/tags
Nothing to show
Clone or download
Latest commit faf51be Mar 7, 2018
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
backend Updated to latest vue-cli. Mar 1, 2018
frontend Remove old store dev. Mar 6, 2018
.gitignore Initial commit Jan 28, 2018
LICENSE Initial commit Jan 28, 2018
README.md Update README.md Mar 7, 2018

README.md

VueASPNETCore2WebApiAuth

Sample project based on the blog post 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.

Facebook flow

Email flow

Development Environment

  • Sql Server Express 2017 & Sql Server Management Studio 2017
  • Visual Studio Code v1.20.1
  • Node 8.9.4 & NPM 5.6.0
  • .NET Core 2.0 sdk
  • Vue CLI => npm install -g @vue/cli https://github.com/vuejs/vue-cli
  • Vue 2.5.13

Setup

To build and run the project:

Build and run the backend ASP.NET Core Web API application:

  1. Restore nuget packages with backend\AuthWebApi>dotnet restore in the backend\AuthWebApi directory.
  2. Create the database with backend\AuthWebApi>dotnet ef database update in the backend\AuthWebApi directory.
  3. Run the project with backend\AuthWebApi>dotnet run in the backend\AuthWebApi directory.

Build and run the frontend Vue.js application:

  1. Install npm packages with frontend>npm install in the frontend directory.
  2. Start the application with the node development serve frontend>npm run serve in the frontend directory.

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.