How to add a SAP UI5 application to Fiori Launchpad?
Question
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.
This is the error I receive -
The following is the manifest file of GroupManage app. There are other apps/tiles such as quickLoader, messageBuilder etc.
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"
}
]
}
}
}
And the site-content.json of the project is as follows -
{
"_version": "1.0.0",
"site": {
"_version": "1.0",
"identification": {
"id": "....",
"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"
}
}
}
1 answers
solution1
0 2019-01-24 15:21:43
Have you created the tiles in the launchpad manager ?
Is this on prem or on the cloud ?
This blog covers MTA sorry, missed that part of your question:- https://blogs.sap.com/2018/10/29/develop-your-first-sap-fiori-launchpad-site-with-portal-service-on-sap-cloud-platform-multi-cloud-chapter-2/
This blog shows you how to set it up for on prem with some great easy to follow screen shots https://blogs.sap.com/2017/11/19/sap-fiori-ui5-app-configuration-in-sap-fiori-launchpad/
ANd here Meredith takes you through deployment from the cloud https://developers.sap.com/uk/tutorials/teched-2017-fiori-deploy.html
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.
Related Question
Design of SAP Fiori/UI5 Application
In Which Order Excecutes a UI5 Application and How Differs the Execution Between a Stand Alone and Fiori Launchpad Embedded UI5 Application?
SAP Fiori Get logged in user details in UI5 application
How to create a shell plugin app in SAP UI5/Fiori?
Sap UI5 XML view (Fiori)
SAP Fiori OData model connection in UI5
How to create a SAP Fiori Custom Launchpad?
SAP Fiori Launchpad - Dialog
is it possible to develop and deploy application to the SAP-Fiori Launchpad
Single application tile showing multiple times in SAP Fiori launchpad
Related Tags