Identity Manager 9.1.2 - HTML5 Development Guide

About this guide Architecture of One Identity Manager HTML applications Developing HTML applications with the One Identity GitHub repository

Angular workspace architecture Setting up a working environment for the One Identity GitHub repository Accessing the API Creating and editing your own HTML applications

Customizing libraries Adding plugins Checking for missing translations

Registering HTML applications Compiling and deploying Angular projects Debugging

Hosting API Servers locally Debugging with plugins

Debugging

Developing HTML applications with the One Identity GitHub repository > Debugging

Running and debugging HTML applications is possible with the Angular CLI toolchain's standard tools.

For example, you can use the ng serve qer-app-portal command to debug the Web Portal HTML application.

To debug an HTML application

Host the API Server locally (see Hosting API Servers locally).
Start a command line program.
Change to the Angular workspace directory.
Run the following command:
```
npm run start <HTML application>
```
This starts a web server that is accessible by default under http://localhost:4200 and hosts the HTML application.
Start debugging in an appropriate development environment (for example, Visual Studio Code).

Detailed information about this topic

Hosting API Servers locally

Developing HTML applications with the One Identity GitHub repository > Debugging > Hosting API Servers locally

To debug and develop an HTML application you need an instance of an API Server for connecting HTML applications. To do this, you can host an API Server locally.

NOTE: HTML applications connect with the API Server through the URL defined in the HTML application's environment.ts file. The default URL that runs under a locally hosted API Server, is http://localhost:8182.

To host an API Server locally

Start a command line program.
Change to the Angular workspace directory.
Run the following command:
```
imxclient.exe run-apiserver -B
```

Debugging with plugins

Developing HTML applications with the One Identity GitHub repository > Debugging > Debugging with plugins

You can also debug with plugins. Debugging with plugins only works if the local API Server can find the plugin.

To debug a static Angular library

Host the API Server locally (see Hosting API Servers locally).
Start a command line program.
Change to the Angular workspace directory.
Run the following command:
```
npm run build:watch <Angular library>
```
Start another command line program.
Change to the Angular workspace directory.
Run the following command:
```
npm run start <HTML application>
```
This starts a web server that is accessible by default under http://localhost:4200 and hosts the HTML application.
Start debugging in an appropriate development environment (for example, Visual Studio Code).

To debug an Angular plugin library

Host the API Server locally (see Hosting API Servers locally).
Start a command line program.
Change to the Angular workspace directory.

Run the following command:

npm run build:watch:dynamic <Angular plugin library>

Start another command line program.
Change to the Angular workspace directory.
Run the following command:
```
npm run start <HTML application>
```
This starts a web server that is accessible by default under http://localhost:4200 and hosts the HTML application.
Start debugging in an appropriate development environment (for example, Visual Studio Code).

Please select your product:

To serve you better, please complete the Purpose of your Chat:

Recommended Solutions for Your Problem

Identity Manager 9.1.2 - HTML5 Development Guide

Debugging

Detailed information about this topic

Hosting API Servers locally

Debugging with plugins