Identity Manager 9.2 - HTML5 Development Guide

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

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

Customizing libraries Adding plug-ins Checking for missing translations

Registering HTML applications Compiling and deploying Angular projects Debugging

Hosting API Servers locally Debugging with plug-ins

Debugging

Developing HTML applications with the 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 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.
Switch to the One Identity Manager installation directory.
Run the following command:
```
imxclient.exe run-apiserver -B
```

Debugging with plug-ins

Developing HTML applications with the GitHub repository > Debugging > Debugging with plug-ins

You can also debug with plug-ins. Debugging with plug-ins only works if the local API Server can find the plug-in.

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 plug-in 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 plug-in 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.2 - HTML5 Development Guide

Debugging

Detailed information about this topic

Hosting API Servers locally

Debugging with plug-ins