All Projects → mmacneil → Vueaspnetcore2webapiauth

mmacneil / Vueaspnetcore2webapiauth

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

Projects that are alternatives of or similar to Vueaspnetcore2webapiauth

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.
Stars: ✭ 435 (+353.13%)
Mutual labels:  webapi, oauth2, facebook-login
Vue Pomo
A progressive web app for the Pomodoro Technique, built with Vue 2.0, Vuex and Firebase.
Stars: ✭ 51 (-46.87%)
Mutual labels:  vuex, vuejs2
Spala
Spala (SPA LARAVEL): a modern lightweight CMS for Laravel and Vue developers (open source project).
Stars: ✭ 91 (-5.21%)
Mutual labels:  vuex, vuejs2
Vue Todo List
vue2.0+vuex+localStorage 待办事项
Stars: ✭ 61 (-36.46%)
Mutual labels:  vuex, vuejs2
Createmap
Create a Map - City of Baltimore
Stars: ✭ 31 (-67.71%)
Mutual labels:  vuex, vuejs2
Vuetify Material Dashboard
Vuetify Material Dashboard - Open Source Material Design Admin
Stars: ✭ 1,023 (+965.63%)
Mutual labels:  vuex, vuejs2
Vuejs Aspnetcore Ssr
🆙 VueJS 2.5 Server Side Rendering on ASP.NET Core 2 and more
Stars: ✭ 57 (-40.62%)
Mutual labels:  vuex, vuejs2
Vue Entity Adapter
Package to maintain entities in Vuex.
Stars: ✭ 20 (-79.17%)
Mutual labels:  vuex, vuejs2
Basic Vue Chat
Easy to use Vue chat.
Stars: ✭ 64 (-33.33%)
Mutual labels:  vuex, vuejs2
Vue Cnode
基于vue2 + vue-router + vuet + ES6 + less + flex.css重写vue版cnode社区,使用webpack2打包
Stars: ✭ 1,134 (+1081.25%)
Mutual labels:  vuex, vuejs2
Cordovue
A sample Apache Cordova application using VueJS.
Stars: ✭ 66 (-31.25%)
Mutual labels:  vuex, vuejs2
Vuejs Interview Questions
List of 300 VueJS Interview Questions And Answers
Stars: ✭ 948 (+887.5%)
Mutual labels:  vuex, vuejs2
Vms
A Vue.js 2.0 Content Management System
Stars: ✭ 885 (+821.88%)
Mutual labels:  vuex, vuejs2
Ticket Conductor
A free and open-source Laravel 5.5 and VueJS (SPA) Ticket system
Stars: ✭ 48 (-50%)
Mutual labels:  vuex, vuejs2
Blog Admin
personal blog administration and management, by iview
Stars: ✭ 13 (-86.46%)
Mutual labels:  vuex, vuejs2
Vuex Flash
VueJs Flash Message Component within Vuex
Stars: ✭ 54 (-43.75%)
Mutual labels:  vuex, vuejs2
Vuex Simple Structure
📈 A repository showcasing a simple Vuex store inside a Vue.js application based on Large-scale Vuex application structures @3yourmind
Stars: ✭ 87 (-9.37%)
Mutual labels:  vuex, vuejs2
Easy Vue
Learn vueJS Easily 👻
Stars: ✭ 896 (+833.33%)
Mutual labels:  vuex, vuejs2
Manhuaren
vue2.0全家桶,仿漫画人官网(移动端)
Stars: ✭ 18 (-81.25%)
Mutual labels:  vuex, vuejs2
Simple Todo Tutorial
Simple todo app built with Vue 2.0 and Vuex 2.0
Stars: ✭ 62 (-35.42%)
Mutual labels:  vuex, vuejs2

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.

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