[!WARNING] This repository is archived and no longer maintained. For the latest version and active development, please refer to zitadel/example-auth-angular.

ZitadelAngularTemplate

This is our Zitadel Angular Template. It shows how to authenticate as a user and retrieve user information from the OIDC endpoint.

This project was generated with Angular CLI version 11.0.1.

Run with zitadel.cloud

To run the example you need to create your ZITADEL instance. If you not already have go to zitadel.cloud register yourself and create your first instance.

1. Create ZITADEL instance on zitadel.cloud
2. Login to your ZITADEL instance and create an app according to the example
3. Go to app.module.ts
   1. Replace ${CUSTOM_DOMAIN} (4 times) with the Custom Domain of your own ZITADEL instance
   2. Replace ${CLIENT_ID} (once) with the client id created in the app in step 2

Development server

Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Code scaffolding

Run ng generate component component-name to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module.

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory. Use the --prod flag for a production build.

Running unit tests

Run ng test to execute the unit tests via Karma.

Running end-to-end tests

Run ng e2e to execute the end-to-end tests via Protractor.

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI Overview and Command Reference page.