Hi thomas.brandstetter,
You can solve this by adding a second app router, for example, approuter-local, which you only use for local testing. Do not put this app router in your deployment script of the MTA, so it will be ignored when building the MTA and deployment to SCP.
In the xs-app.json, remove the service html5-app-repo-rt. This service tries to find the UI5 code on the server, but we want to run/debug the Fiori app locally. In the xs-app.json you add the endpoint of the Fiori application. For example for the Fiori app com.docloudnow.administrator, this will be:
{
"source": "^/comdocloudnowadministrator/(.*)$",
"target": "$1",
"destination": "ui1",
"csrfProtection": false
},
As you can see the dots are removed from the namespace and we use a namespace.
Now we must also tell the local app router to use destination ui1
This can be done by adding a destination to the default-env.json file:
{
"name": "ui1",
"url": "http://localhost:8001",
"forwardAuthToken": true,
"strictSSL": false
},
Of course, you should also add the endpoint for the CAP service to the xs-app.json file :
{
"source": "/odata/(.*)",
"destination": "srv_api",
"csrfProtection": false,
"authenticationType": "xsuaa",
"scope": {
"default": "$XSAPPNAME.Display"
}
},
And in the default-env.json also the destination of the CAP service
{
"name": "srv_api",
"url": "http://localhost:4000",
"forwardAuthToken": true,
"strictSSL": false
},
Now you can start the app router in your local app router folder with the command: npm start. This will start the app router. And you also need to start the CAP services with cds watch.
The only thing that’s left is to start the Fiori App with the right port: ui5 serve --port 8001 in the root folder of your Fiori app.
If your Fiori app doesn’t have an index.html file but only a component.js, you can add a test launchpad with the name index.html in the resources folder of the app-router and use the following code:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Bookshop</title>
<script>
window["sap-ushell-config"] = {
defaultRenderer: "fiori2",
applications: {
"application-administrator": {
title: "Administrator",
description: "start:ui-adm",
additionalInformation: "SAPUI5.Component=com.docloudnow.administrator",
applicationType : "URL",
url: "/comdocloudnowadministrator",
navigationMode: "embedded"
}
};
</script>
<script src="https://sapui5.hana.ondemand.com/test-resources/sap/ushell/bootstrap/sandbox.js"></script>
<script src="https://sapui5.hana.ondemand.com/resources/sap-ui-core.js"
data-sap-ui-libs="sap.m, sap.ushell, sap.collaboration, sap.ui.layout"
data-sap-ui-compatVersion="edge"
data-sap-ui-theme="sap_fiori_3_dark"
data-sap-ui-frameOptions="allow"
></script>
<script>
sap.ui.getCore().attachInit(()=> sap.ushell.Container.createRenderer().placeAt("content"))
</script>
</head>
<body class="sapUiBody" id="content"></body>
</html>
It works for me, Good luck.
You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.