Testing existing module customizations in next-generation Order Hub

After customizing an existing module, you can test the changes by configuring next-generation Order Hub to connect to your developer toolkit environment.

Procedure

  1. Start next-generation Order Hub by opening a tab in a browser to https://localhost:7443/order-management.

Note: The default port is 7443. If you set the OH_BASE_HTTPS_PORT property in the devtoolkit_docker/comose/om-compose.properties file, use that port number.

  1. In the top banner, click Customize.
  2. Set the module that you customized to ON.
  3. Save your changes.
  4. If the local server is not running, start the server by entering the yarn start-app command.

Note: You see the following message.
"** Angular Live Development Server is listening on localhost:<port>, 
open your browser on https://localhost:<port>/<module>/<route> **"
You can ignore this message.

  1. Open a new tab and go to the following URL while replacing the <port> with the applicable port number for the module that you are customizing. For example, for the buc-app-order module, the default port number is 8300. 
    https://localhost:<port>
    Accept the certificate so that the customized module can load in next-generation Order Hub.
  2. Refresh the browser tab that is logged in to next-generation Order Hub.
    The menu item that you enabled for customization should now show in parenthesis (DEV mode). These menu items will now render from your local server instead of from next-generation Order Hub.