Skip to content

Component Application Development

A CIM (Component Integration Metadata) file can be used to enable developers to integrate their own component apps into the existing Mobile Development Kit app, or to customize the Mobile Development Kit app with their own branding information.

Creating a CIM File Using the Context Menu

Note

The CIM context menu in Visual Studio Code can be triggered only from the Application.app file node.

This is different than in the Mobile Development Kit editor in SAP Web IDE Full-Stack, where the CIM context menu can be triggered from the Mobile Development Kit app folder node that contains the Application.app file.

  1. From the context menu, click MDK: New CIM
  2. Choose another Mobile Development Kit application within the existing workspace to do the component integration.
  3. To edit the CIM file, you must have one or more integration point entries. In the integration point properties Source and Target, replace the target file reference content with source file reference content in bundle time.

Smart Bundling for Component Metadata App

When you bundle a component, the complete app (including the base app and its dependent components) is bundled if it is available. If the complete app is not available, then only the component is bundled.

Bundling supports a chained-dependency structure. It means that the base application of a component can be a component of another base application. The final application being bundled is the upmost one found in the chain.

Prerequisites for Smart Bundling

  1. The CIM file is defined in the base application.
  2. All cross-application references have been resolved in the components.
  3. All the involved apps are opened in Visual Studio Code

Usage Scenarios

  1. All the involved apps share a common parent folder

    Open the parent folder in Visual Studio Code and select any app to be bundled. Resolve cross-application references before bundling.

    To know about resolving cross-application references, see the Features in cross-application scenarios section in Editing Metadata with Mobile Development Kit.

  2. A workspace contains all the involved apps

    Open the workspace file in Visual Studio Code and select any app to be bundled. Resolve cross-application references before bundling.

  3. An unsaved workspace contains all the involved apps

    Open any app in Visual Studio Code and then add other apps by using the context menu Add Folder to Workspace..., before selecting any app to be bundled. Resolve cross-application references before bundling.

Last update: November 18, 2021