How to convert existing Fiori Master-Detail project to Hybrid?

[Former Member]

I have existing Fiori Masted-Detail project with such project structure.

What changes needs to be performed in order to convert it to Hybrid App and run on simulator using SAP HAT?

Precondition :
- SAP HAT is installed and launched on my machine
- HAT plugin is enabled in WEB IDE
- manifest.json

{
	"_version": "1.1.0",
	"sap.app": {
		"_version": "1.1.0",
		"id": "myAppId",
		"type": "application",
		"i18n": "i18n/i18n.properties",
		"title": "{{appTitle}}",
		"description": "{{appDescription}}",
		"applicationVersion": {
			"version": "1.0.0"
		},
		"dataSources": {
			"MyDataSource": {
				"uri": "/my-service/",
				"type": "OData",
				"settings": {
					"odataVersion": "2.0",
					"localUri": "localService/metadata.xml",
					"useBatch": false
				}
			}
		},
		"sourceTemplate": {
			"id": "ui5template.basicSAPUI5ApplicationProject",
			"version": "1.40.12"
		}
	},
	"sap.ui": {
		"_version": "1.1.0",
		"technology": "UI5",
		"icons": {
			"icon": "",
			"favIcon": "",
			"phone": "",
			"phone@2": "",
			"tablet": "",
			"tablet@2": ""
		},
		"deviceTypes": {
			"desktop": true,
			"tablet": true,
			"phone": true
		},
		"supportedThemes": [
			"sap_hcb",
			"sap_belize"
		],
		"fullWidth": true
	},
	"sap.ui5": {
		"_version": "1.1.0",
		"rootView": {
			"viewName": "myApp.view.App",
			"type": "XML"
		},
		"dependencies": {
			"minUI5Version": "1.40.0",
			"libs": {
				"sap.ui.core": {},
				"sap.m": {},
				"sap.ui.layout": {},
				"sap.viz": {},
				"sap.ui.table": {}
			}
		},
		"contentDensities": {
			"compact": true,
			"cozy": true
		},
		"models": {
			"i18n": {
				"type": "sap.ui.model.resource.ResourceModel",
				"settings": {
					"bundleName": "myApp.i18n.i18n"
				}
			},
			"": {
				"dataSource": "MyDataSource"
			}
		},
		"resources": {
			"css": [
				{
					"uri": "css/style.css"
				}
			]
		},
		"routing": {
			"config": {
				"routerClass": "sap.m.routing.Router",
				"viewType": "XML",
				"viewPath": "myApp.view",
				"controlId": "mySplitApp",
				"controlAggregation": "detailPages",
				"bypassed": {
					"target": [
						"Master",
						"NotFound"
					]
				},
				"async": true
			},
			"routes": [
				{
					"pattern": "",
					"name": "Master",
					"view": "Home",
					"target": [
						"Details",
						"Master"
					]
				},
				{
					"pattern": "home/{userid}/{itemId}",
					"name": "Details",
					"target": [
						"Master",
						"Details"
					]
				},
				
			],
			"targets": {
				"Master": {
					"viewName": "Home",
					"viewLevel": 1,
					"viewId": "master",
					"controlAggregation": "masterPages"
				},
				"Details": {
					"viewName": "Details",
					"viewId": "detail",
					"viewLevel": 2
				},
				
				"notFound": {
					"viewName": "NotFound",
					"viewId": "notFound"
				}
			}
		}
	},
	"sap.platform.hcp": {
		"uri": "",
		"_version": "1.1.0"
	}
}

- project.json

{
	"type": "sap.web",
	"builders": {
		"configs": {}
	},
	"runners": {
		"configs": {}
	},
	"attributes": {
		"sap.watt.common.setting": [{
			"projectType": ["sap.watt.uitools.ide.web", "sap.watt.uitools.ide.fiori"],
			"hcpdeploy": {
				"account": "my-acc",
				"name": "myApp",
				"lastVersionWeTriedToDeploy": "1.0.4"
			},
			"mockpreview": {
				"mockUri": "/my-service/",
				"metadataFilePath": "localService/metadata.xml",
				"mockRequestsFilePath": "",
				"loadJSONFiles": false,
				"loadCustomRequests": false
			},
			"translation": {
				"translationDomain": "",
				"supportedLanguages": "",
				"defaultLanguage": "",
				"defaultI18NPropertyFile": "",
				"resourceModelName": ""
			}
		}]
	},
	"mixinTypes": []
}

[richard-zhao]

Hello, O.Khomenko. Could you try to refer to the link below? You can find how to deploy an UI5 project on HAT step by step.thanks

https://blogs.sap.com/2015/07/13/how-to-install-hybrid-application-toolkit-hat-on-windows-part-3-of-...