Api Portal v8.2.1 Development - Missing Menu Items on http://localhost:4200

Hi

Has someone a hint for this?

If I login with a user on the normal ApiServer Portal of a environment, I get the Following Menu Item in the main menu:

Bestellungen Attestierung Compliance Verantwortlichkeiten Datenverwaltung Einrichtung

If I develop the portal locally, then I issue "ng serve qer-app-portal" and open the browser at: http://localhost:4200/#/dashboard
In this case when I logon with te same user I get only the following menu items:

Bestellungen Verantwortlichkeiten Einrichtung

Why?

  • Hello Rene,

    This is because some of the menu items are provided by plugins. Those plugins also have to be compiled first. "ng serve qer-app-portal" will just run the base application. Please compile at least the att, tsb and cpl plugin libraries.

    Please also check the section of the HTML5 development guide that describes debugging plugins at support.oneidentity.com/.../4 for more information on debugging plugins.

    Hope this helps,
    Hanno

  • Somehow it does not work on my client, I think since I do not compile the app anymore with the VSCode extension, I will check.

  • I have also tried to run the following command: in the folder ..\imxweb $oneidentityLocalBinPath\imxclient.exe compile-app.

    After that I get also all apps and plugins compiled in the dist folder.

    Is this also an option to run imxclient.exe compile-app?

    I also dont understand exactly when I have to run imxclient.exe compile-api?

    One last Question that I have: When I worked with the One Identity VSCode Extension, the code was copied out of the database but only limited to the modules I have installed in the database. Now if I use the git hub repository, how should I handle the fact that I dont habe all the module sin the database?
    Do I have to keep them in the local development and only load the content as Zip File from the Modules that are already installed in the binary directory of my environement?

    To the issue with the missing menu items I can say, that I started in a new folder from git repo and build it from scratch compiled all apps and plugins and still I have the missing menu item.

    If I connect to the local api server directly, all menu items are here, so somehow it must come out of the local development enviroment.

  • Hello René,

    Run "imxclient compile-api" whenever the API changes, and you need to reflect these changes in the HTML applications.

    Regarding menu items not showing up: Please check the browser console for any errors. You will see HTTP requests being made for each plugin (for example: att). (The application currently does not show errors in the UI if the plugins fail to load, but you can see errors in the browser console.) Also, plugins are loaded from the "html" folder (not the "dist" folder!). The standard build scripts take care of this.

    Regarding modules: It is not a problem when your database does not contain all the modules. The application will only attempt to load plugins for the database's modules.

  • My html folder is empty after build, and I get errors like this: logger.service.ts:138 2022-07-26T14:44:38.610Z ERROR [main.js:38467] Boom Loading of AadConfigModule (aad) failed with the following error: Cannot find module './aad/fesm2015/aad.js' 

    How can I force the content in the html folder to be generated at build?

  • Because aad is a plugin library, please use the command defined in https://support.oneidentity.com/de-de/technical-documents/identity-manager/8.2.1/html5-development-guide/4#TOPIC-1801987

    npm run build:watch:dynamic aad

    This will compile the library and put the results in the html folder as shown here: