zitadel/site/docs/angular/01-configure.md
Max Peintner b949da86a9
docs: update angular quickstart (#1408)
* update angular doc

* remove link to itself

* rename proxy

* remove unused quickstarts route

* nonsense commit
2021-03-11 12:37:05 +01:00

1.6 KiB

title
Configure Zitadel

Setup Application and get Keys

Before we can start building our application we have do do a few configuration steps in ZITADEL Console. You will need to provide some information about your app. We recommend creating a new app to start from scratch. Navigate to your Project and add a new application at the top of the page. Select Web Application and continue. We recommend that you use Authorization Code in combination with Proof Key for Code Exchange for all web applications.

create app in console

Redirect URLs

A redirect URL is a URL in your application where ZITADEL redirects the user after they have authenticated. Set your url to the domain the web app will be deployed to or use localhost:4200 for development as Angular will be running on port 4200.

If you are following along with the sample project you downloaded from our templates, you should set the Allowed Callback URL to http://localhost:4200/auth/callback. You will also have to set dev mode to true as this will enable unsecure http for the moment.

If you want to redirect the users back to a route on your application after they have logged out, add an optional redirect in the post redirectURI field.

Continue and Create the application.

Client ID and Secret

After successful app creation a popup will appear showing you your clientID as well as a secret. Copy your client ID as it will be needed in the next step.