https://github.com/mmacneil/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.
https://github.com/mmacneil/vueaspnetcore2webapiauth
aspnet-core-2 facebook-login oauth2 vuejs2 vuex webapi
Last synced: 3 months ago
JSON representation
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.
- Host: GitHub
- URL: https://github.com/mmacneil/vueaspnetcore2webapiauth
- Owner: mmacneil
- License: mit
- Created: 2018-01-28T01:16:27.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2018-12-04T10:35:47.000Z (over 6 years ago)
- Last Synced: 2025-03-27T21:22:03.878Z (3 months ago)
- Topics: aspnet-core-2, facebook-login, oauth2, vuejs2, vuex, webapi
- Language: C#
- Homepage: https://fullstackmark.com/post/16/user-authentication-with-vuejs-aspnet-core-2-and-facebook-login
- Size: 193 KB
- Stars: 112
- Watchers: 12
- Forks: 43
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 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.