Simple Vue.js project demonstrates basic authentication flows with PlusAuth
Explore the PlusAuth Vue docs »
It is a simple Vue.js project demonstrating basic authentication flows such as register, login, and logout. To keep things simple, we bootstrapped the project with create-vue and used @plusauth/plusauth-oidc-client-js for authentication.
Before running the project, you must first follow these steps:
- Create a PlusAuth account and a tenant at https://dashboard.plusauth.com
- Navigate to Clients tab and create a client of type
Single Page Application - Go to the details page of the client that you've just created and set the following fields as:
- Redirect Uris: http://localhost:8080/callback, http://localhost:8080/silent-renew.html
- Post-Logout Redirect Uris: http://localhost:8080/
Please note your Client Id that will be required in the application's configuration.
First, we need to supply the required configuration values for the application. Rename .env.example file as .env.
Then modify the values inside .env file using your Client ID and your PlusAuth tenant name.
Finally, start the application with:
npm start
# or with yarn
yarn startThe application is hosted at http://localhost:8080/
If you are serving your application in a different port from the default one that is
8080, make sure you have updated your client's configuration mentioned in the Prerequisites section and auth.js accordingly.
This project is licensed under the MIT license. See the LICENSE file for more info.
PlusAuth helps individuals, teams, and organizations to implement authorization and authentication systems in a secure, flexible and easy way.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent