Simple Angular project demonstrates basic authentication flows with PlusAuth
Explore the PlusAuth Angular docs »
It is a simple Angular project demonstrating basic authentication flows such as register, login, and logout. To keep things simple, we bootstrapped the project with angular-cli 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:4200/callback, http://localhost:4200/silent-renew
- Post-Logout Redirect Uris: http://localhost:4200/
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 environment.example.ts file as environment.ts
Then modify the values inside the environment.ts 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:4200/
If you are serving your application in a different port from the default one which is
4200, make sure you have updated your client's configuration mentioned in the Prerequisites section and auth.service.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.