Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/dominikangerer/auth0-vue
A simple Vue.js Demo Application that uses Auth0 for Authentication
https://github.com/dominikangerer/auth0-vue
auth0 vuejs vuejs2 vuejs2-tutorial
Last synced: about 2 months ago
JSON representation
A simple Vue.js Demo Application that uses Auth0 for Authentication
- Host: GitHub
- URL: https://github.com/dominikangerer/auth0-vue
- Owner: DominikAngerer
- Created: 2018-01-31T01:56:45.000Z (almost 7 years ago)
- Default Branch: master
- Last Pushed: 2018-09-22T03:42:13.000Z (over 6 years ago)
- Last Synced: 2024-05-05T13:32:34.498Z (8 months ago)
- Topics: auth0, vuejs, vuejs2, vuejs2-tutorial
- Language: Vue
- Homepage: https://www.storyblok.com/tp/how-to-auth0-vuejs-authentication
- Size: 129 KB
- Stars: 38
- Watchers: 2
- Forks: 13
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Auth0 Vue
Make sure to exchnage the auth0 information with your own in the `auth.js`.
## A Vue.js Demo Application which uses Auth0 for Authentication
![Final Result](https://img.storyblok.com/8hXRKaQfX1jUBSk8jcul2xZdBZM=/957x0/f/39898/2466x1760/dab8c6f648/final-result.png)
You can follow the full tutorial on [Storyblok](https://www.storyblok.com/tp/how-to-auth0-vuejs-authentication) or simply use this as a boilerplate for your applications.
## The tutorial for this repository...
can be found on [Storyblok](https://www.storyblok.com/tp/how-to-auth0-vuejs-authentication). It guides you through the following steps:
- [Introduction](https://www.storyblok.com/tp/how-to-auth0-vuejs-authentication)
- [Environment Setup](https://www.storyblok.com/tp/how-to-auth0-vuejs-authentication#environment-setup)
- [Prepare Auth0](https://www.storyblok.com/tp/how-to-auth0-vuejs-authentication#prepare-auth0)
- [Auth0 Callback Route](https://www.storyblok.com/tp/how-to-auth0-vuejs-authentication#auth0-callback-route)
- [Auth0 + Vue.js Authentication](https://www.storyblok.com/tp/how-to-auth0-vuejs-authentication#setup-auth0--vuejs-auth-plugin)
- [Adding a Navigation Guard](https://www.storyblok.com/tp/how-to-auth0-vuejs-authentication#adding-a-navigation-guard)
- [Accessing User Information](https://www.storyblok.com/tp/how-to-auth0-vuejs-authentication#accessing-user-information)## How to use
1. Checkout this repository
2. Exchange your Auth0 client settings in `src/auth.js`
3. Navigate into the project folder
4. Execute `npm install` or `yarn` to install dependencies
5. Start application: `npm run serve`## Feedback
I'm looking forward to receive your feedback, best place would definitly be in the comment section at the bottom of the [tutorial on Storyblok](https://www.storyblok.com/tp/how-to-auth0-vuejs-authentication).
## What to expect
This application/tutorial gives you a quick feeling of how to use Auth0 with your Vue.js application, you can also use it as a starting point for your projects.