How to deploy a UI5 app to Fiori Launchpad in SAP XS Advanced ?

[boudhayan-dev]

Hi,

I have a MTA project and I am trying to add the UI5 application to the Fiori Launchpad. But currently, the tiles do not show up. Instead when I check the console, I see that the target mapping has not been done properly. Can you please suggest where I do the target mapping.

The following is the manifest file of GroupManage app.

manifest.json -

{
"_version": "1.7.0",
"sap.app": {
"id": "com.sap.groups",
"type": "application",
"i18n": "i18n/i18n.properties",
"applicationVersion": {
"version": "1.0.0"
},
"title": "{{appTitle}}",
"description": "{{appDescription}}",
"sourceTemplate": {
"id": "servicecatalog.connectivityComponent",
"version": "0.0.0"
},
"dataSources": {
"mainService": {
"uri": "/odata/sah.svc/",
"type": "OData",
"settings": {
"odataVersion": "2.0",
"localUri": "localService/metadata.xml"
}
}
}
},
"sap.ui": {
"technology": "UI5",
"icons": {
"icon": "",
"favIcon": "",
"phone": "",
"phone@2": "",
"tablet": "",
"tablet@2": ""
},
"deviceTypes": {
"desktop": true,
"tablet": true,
"phone": true
},
"supportedThemes": [
"sap_hcb",
"sap_belize"
]
},
"sap.ui5": {
"rootView": {
"viewName": "com.sap.groups.view.groupList",
"type": "XML"
},
"dependencies": {
"minUI5Version": "1.30.0",
"libs": {
"sap.ui.core": {},
"sap.m": {},
"sap.ui.layout": {},
"sap.ushell": {},
"sap.collaboration": {},
"sap.ui.comp": {},
"sap.uxap": {}
}
},
"contentDensities": {
"compact": true,
"cozy": true
},
"models": {
"i18n": {
"type": "sap.ui.model.resource.ResourceModel",
"settings": {
"bundleName": "com.sap.groups.i18n.i18n"
}
},
"": {
"dataSource": "mainService",
"settings": {
"metadataUrlParams": {
"sap-documentation": "heading"
}
}
}
},
"routing": {
"config": {
"routerClass": "sap.m.routing.Router",
"viewType": "XML",
"viewPath": "com.sap.groups.view",
"controlId": "app",
"controlAggregation": "pages",
"async": true
},
"routes": [{
"pattern": "",
"name": "groupList",
"target": "groupList"
}, {
"pattern": "details/{groupId}",
"name": "details",
"target": "groupDetails"
}],
"targets": {
"groupList": {
"viewName": "groupList",
"viewId": "groupList"
},
"groupDetails": {
"viewName": "groupDetails",
"viewId": "groupDetails"
}
}
},
"resources": {
"css": [
{
"uri": "css/style.css"
}
]
}
}
}

site-content.json -

{
"_version": "1.0.0",
"site": {
"_version": "1.0",
"identification": {
"id": "c.......",
"namespace": "",
"entityType": "site",
"description": "",
"i18n": "",
"title": "{{LAUNCHPAD_SAMPLE}}"
},
"payload": {
"groupsOrder": [
"user-applications",
"configuration-applications"
],
"config": {
},
"sap.cloud.portal": {
"_version": "1.2.0",
"config": {
"theme.id": "sap_belize",
"theme.active": "[\"sap_hcb\",\"sap_belize_plus\",\"sap_belize\"]"
}
}
}
},
"catalogs": {
"sah-technical-catalog": {
"_version": "1.1",
"identification": {
"id": "sah-technical-catalog",
"namespace": "sah-tech-catalog",
"title": "{{TECH_CATALOGS}}",
"description": "",
"entityType": "catalog",
"i18n": "i18n/i18n.properties"
},
"payload": {
"appDescriptors": [{
"id":"sah-grp-manage"
}, {
"id":"sah-msg-manage"
}, {
"id":"sah-ops-activities"
}, {
"id":"sah-quick-loader"
}]
}
}
},
"roles": {
"Everyone": {
"_version": "1.0",
"identification": {
"id": "Everyone",
"title": "Everyone",
"entityType": "role"
},
"payload": {
"catalogs": [
"sah-technical-catalog"
],
"groups": [{
"id": "user-applications"
},
{
"id": "configuration-applications"
}]
}
}
},
"applications": {
"sah-grp-manage":{
"sap.app": {
"_version": "1.5.0",
"id": "sah-grp-manage",
"type": "application",
"i18n": "i18n/i18n.properties",
"title": "{{appTitle}}",
"description": "{{appDescription}}",
"tags": {
"keywords": []
},
"crossNavigation": {
"inbounds": {
"groupManage": {
"semanticObject": "group",
"action": "manage",
"deviceTypes": {
"desktop": true,
"tablet": true,
"phone": true
}
}
},
"outbounds": {

}
}
},
"sap.platform.hcp": {
"_version": "1.1.0",
"uri": "/manageGroup",
"appName": ""
},
"sap.flp": {
"_version": "1.1.0",
"type": "UI5",
"config": {
"skipVariantResolving": ""
}
},
"sap.ui": {
"_version": "1.3.0",
"technology": "UI5",
"deviceTypes": {
"desktop": true,
"tablet": true,
"phone": true
}
},
"sap.ui5": {
"componentName": "com.sap.groups",
"_version": "1.1.0"
},
"sap.platform.cf": {
"oAuthScopes": ["$XSAPPNAME.DISPLAY_GROUPS"]
}
},
"sah-msg-manage":{
"sap.app": {
"_version": "1.5.0",
"id": "sah-msg-manage",
"type": "application",
"i18n": "i18n/i18n.properties",
"title": "{{MSG_BUILDER}}",
"description": "{{MSG_BLD_DESC}}",
"tags": {
"keywords": []
},
"crossNavigation": {
"inbounds": {
"groupManage": {
"semanticObject": "message",
"action": "manage",
"deviceTypes": {
"desktop": true,
"tablet": true,
"phone": true
}
}
},
"outbounds": {

}
}
},
"sap.platform.hcp": {
"_version": "1.1.0",
"uri": "/manageMessage",
"appName": ""
},
"sap.flp": {
"_version": "1.1.0",
"type": "UI5",
"config": {
"skipVariantResolving": ""
}
},
"sap.ui": {
"_version": "1.3.0",
"technology": "UI5",
"deviceTypes": {
"desktop": true,
"tablet": true,
"phone": true
}
},
"sap.ui5": {
"componentName": "com.sap.messageList",
"_version": "1.1.0"
},
"sap.platform.cf": {
"oAuthScopes": ["$XSAPPNAME.MANAGE_MESSAGES"]
}
},
"sah-grp-edit":{
"sap.app": {
"_version": "1.5.0",
"id": "sah-grp-edit",
"type": "application",
"i18n": "i18n/i18n.properties",
"title": "{{appTitle}}",
"description": "{{appDescription}}",
"tags": {
"keywords": []
},
"crossNavigation": {
"inbounds": {
"groupEdit": {
"semanticObject": "group",
"action": "edit",
"deviceTypes": {
"desktop": true,
"tablet": true,
"phone": true
}
}
},
"outbounds": {

}
}
},
"sap.platform.hcp": {
"_version": "1.1.0",
"uri": "/editGroup",
"appName": ""
},
"sap.flp": {
"_version": "1.1.0",
"type": "UI5",
"config": {
"skipVariantResolving": ""
}
},
"sap.ui": {
"_version": "1.3.0",
"technology": "UI5",
"deviceTypes": {
"desktop": true,
"tablet": true,
"phone": true
}
},
"sap.ui5": {
"componentName": "ALPAPP",
"_version": "1.1.0"
},
"sap.platform.cf": {
"oAuthScopes": ["$XSAPPNAME.DISPLAY_GROUPS"]
}
},
"sah-msg-create":{
"sap.app": {
"_version": "1.5.0",
"id": "sah-msg-create",
"type": "application",
"i18n": "i18n/i18n.properties",
"title": "{{MSG_CREATE}}",
"description": "{{MSG_CREATE_DESC}}",
"tags": {
"keywords": []
},
"crossNavigation": {
"inbounds": {
"groupEdit": {
"semanticObject": "message",
"action": "create",
"deviceTypes": {
"desktop": true,
"tablet": true,
"phone": true
}
}
},
"outbounds": {

}
}
},
"sap.platform.hcp": {
"_version": "1.1.0",
"uri": "/createMessage",
"appName": ""
},
"sap.flp": {
"_version": "1.1.0",
"type": "UI5",
"config": {
"skipVariantResolving": ""
}
},
"sap.ui": {
"_version": "1.3.0",
"technology": "UI5",
"deviceTypes": {
"desktop": true,
"tablet": true,
"phone": true
}
},
"sap.ui5": {
"componentName": "com.sap.messageBuilder",
"_version": "1.1.0"
},
"sap.platform.cf": {
"oAuthScopes": ["$XSAPPNAME.MANAGE_MESSAGES"]
}
},
"sah-ops-activities":{
"sap.app": {
"_version": "1.5.0",
"id": "sah-ops-activities",
"type": "application",
"i18n": "i18n/i18n.properties",
"title": "{{CONFIG_TITILE}}",
"description": "{{appDescription}}",
"tags": {
"keywords": []
},
"crossNavigation": {
"inbounds": {
"groupManage": {
"semanticObject": "activities",
"action": "operation",
"deviceTypes": {
"desktop": true,
"tablet": true,
"phone": true
}
}
},
"outbounds": {

}
}
},
"sap.platform.hcp": {
"_version": "1.1.0",
"uri": "/operationalActivities",
"appName": ""
},
"sap.flp": {
"_version": "1.1.0",
"type": "UI5",
"config": {
"skipVariantResolving": ""
}
},
"sap.ui": {
"_version": "1.3.0",
"technology": "UI5",
"deviceTypes": {
"desktop": true,
"tablet": true,
"phone": true
}
},
"sap.ui5": {
"componentName": "com.sap.operational_activities",
"_version": "1.1.0"
},
"sap.platform.cf": {
"oAuthScopes": ["$XSAPPNAME.OPERATIONS"]
}
},
"sah-quick-loader":{
"sap.app": {
"_version": "1.5.0",
"id": "sah-quick-loader",
"type": "application",
"i18n": "i18n/i18n.properties",
"title": "{{LOADER_TITILE}}",
"description": "{{appDescription}}",
"tags": {
"keywords": []
},
"crossNavigation": {
"inbounds": {
"groupManage": {
"semanticObject": "activities",
"action": "quickLoader",
"deviceTypes": {
"desktop": true,
"tablet": true,
"phone": true
}
}
},
"outbounds": {

}
}
},
"sap.platform.hcp": {
"_version": "1.1.0",
"uri": "/quickLoader",
"appName": ""
},
"sap.flp": {
"_version": "1.1.0",
"type": "UI5",
"config": {
"skipVariantResolving": ""
}
},
"sap.ui": {
"_version": "1.3.0",
"technology": "UI5",
"deviceTypes": {
"desktop": true,
"tablet": true,
"phone": true
}
},
"sap.ui5": {
"componentName": "com.sap.quickloader",
"_version": "1.1.0"
},
"sap.platform.cf": {
"oAuthScopes": ["$XSAPPNAME.OPERATIONS"]
}
}
},
"groups": {
"user-applications": {
"identification": {
"id": "user-applications",
"i18n": "i18n/i18n.properties",
"namespace": "user.applications",
"title": "{{LAUNCHPAD_TITLE}}"
},
"payload": {
"tiles": [{
"id": "sah-grp-manage",
"title": "{{GRP_MANAGEMENT}}",
"description": "{{SAH_APP}}",
"icon": "sap-icon://family-care",
"target": {
"semanticObject": "group",
"action": "manage",
"parameters": []
}
},{
"id": "sah-msg-manage",
"title": "{{MSG_BUILDER}}",
"description": "{{MSG_BLD_DESC}}",
"icon": "sap-icon://email",
"target": {
"semanticObject": "message",
"action": "manage",
"parameters": []
}
}]
}
},
"configuration-applications": {
"identification": {
"id": "configuration-applications",
"i18n": "i18n/i18n.properties",
"title": "{{CONFIGURATIONS_TITLE}}"
},
"payload": {
"tiles": [{
"id": "sah-ops-activities",
"title": "{{OPERATIONS}}",
"description": "{{SAH_APP}}",
"icon": "sap-icon://action-settings",
"target": {
"semanticObject": "activities",
"action": "operation",
"parameters": []
}
},{
"id": "sah-quick-loader",
"title": "{{quickLoader}}",
"description": "{{SAH_APP}}",
"icon": "sap-icon://upload",
"target": {
"semanticObject": "activities",
"action": "quickLoader",
"parameters": []
}
}]
}
}
},
"siteThemes": {
"sap_hcb": {
"description": "SAP High Contrast Black",
"name": "sap_hcb",
"path": "sap_hcb"
},
"sap_belize_plus": {
"description": "SAP Belize Plus",
"name": "sap_belize_plus",
"path": "sap_belize_plus"
},
"sap_belize": {
"description": "SAP Belize",
"name": "sap_belize",
"path": "sap_belize"
}
}
}

Error in console -

Regards.

[boudhayan-dev]

Yes I did. The manifest is fine. I just had to delete the UI app from the space and re deploy it

[AbhishekSharma]

Hi Boudhayan Dev,

Target Mapping are needs to be done in Fiori Launchpad Designer. You can use TCode - /n/UI2/FLPD_CONF

Here you must have created Catalog. Search that Catalog and click on it. After this you will see three things on right side -->

1) Tiles

2) Tiles (List view)

3)Target Mapping

Click on Third option and you can do Target mapping of your application. Is this is a custom application then you need to create Semantic Object using TCode- /n/UI2/SEMOBJ

Thanks-

Abhishek