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.
- From the context menu, click
MDK: New CIM
- Choose another Mobile Development Kit application within the existing workspace to do the component integration.
- 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¶
- The
CIM
file is defined in the base application. - All cross-application references have been resolved in the components.
- All the involved apps are opened in Visual Studio Code
Usage Scenarios¶
-
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.
-
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.
-
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.