Next-generation platform

Integrating with existing CI/CD pipeline

Edit online

Learn how to maintain customizations, both UI and Mashups in a source code repository, and build UI on a build machine.

Procedure

To integrate the generation and packaging of minified UI artifacts into existing CI/CD, complete the following steps:

Note: The following steps represent one of the approaches to automate the generation of production artifacts. You can follow any suitable approach for automating your CI/CD pipeline.
  1. In the latest developer toolkit, browse to the <runtime>/repository/eardata/isf/war/store-frontend-src folder, and copy the source code to a temporary directory on the build machine. For example, <HOLD_FOR_REF>/store-frontend-src.
  2. Copy <store-temp>/extensions, <store-temp>/angular.json, and <store-temp>/app-config-overrides.json files from your customizations source code repository to <HOLD_FOR_REF>/store-frontend-src.
  3. Install the node dependencies. Go to the <HOLD_FOR_REF>/store-frontend-src folder and run the following command:
    yarn bootstrap
  4. Generate minified artifacts in the <HOLD_FOR_REF>/store-frontend-src/dist folder by running the following command:
    yarn build-extensions
  5. Copy the contents of the <HOLD_FOR_REF>/store-frontend-src/dist directory to the files/extensions/isf/webpages/ directory.
  6. Add the mashup extensions to the files/extensions/isf/webpages/mashupxmls/ directory.

    For more information about the source code directory structure, see Importing custom extensions into a developer toolkit environment.

  7. Package the files folder with all its sub-content of files/extensions/isf/webpages into the extensions.jar file along with the backend customizations.