Run a Fiori App developed in WebIDE on a local Apache

[peter_kulka]

Hello colleagues,

I have a Fiori app that we developed on the WebIDE, which just uses a dummy model (no OData calls). Now I would like to run this Fiori app on a local server. So I exported the Fiori app and copied the content of the zip file into the "htdocs" folder of the Apache installation. I then downloaded the OpenUI5 runtime (version 1.30.10) and copied the "resourses" folder also into the "htdoc" as well. When I know try to access the Fiori app in a Chrome browser, I get two "Failed to load resource" errors as shown in the attached screen shot.

Does anyone have an idea, how to fix this? Am I doing something wrong here or is there any documentation / blong available, how to run Fiori apps that are developed with the WebIDE locally?

Best regards,

Peter.

[WouterLemaire · Accepted solution]

Hi Peter,

I would suggest to use the online SDK. You can do that by changing the source of the SAPUI5 bootstrap in the index.html to this:

<script src="https://sapui5.hana.ondemand.com/resources/sap-ui-core.js"

  id="sap-ui-bootstrap"

  data-sap-ui-libs="sap.m,sap.ui.commons"

  data-sap-ui-resourceroots='{"view": "./"}'

  data-sap-ui-theme="sap_bluecrystal">

  </script>

Kind regards,

Wouter

[former_member182372 · Accepted solution]

i would not suggest online SDK as having local SDK resources is MUCH FASTER

[peter_kulka · Accepted solution]

Hi Maksim, hi Wouter,

first of all thanks a lot for your turbo-fast reply

I changed the source of the SAPUI5 bootstrap as you suggested Wouter. However, now I get the error "GET http://localhost/$metadata 404 (Not Found).

The "$metadata" file is indeed missing, but also in the WebIDE.

Best regards,

Peter.

[peter_kulka · Accepted solution]

Hi Maksim,

in the final version, I would definitely use a local version of the SDK. However, I first want to get something running ...

Best regards,

Peter.

[peter_kulka · Accepted solution]

Hi again,

sorry, the $matadata file was in the "model" folder. Now, it works.

Thanks for your help and best regards,

Peter.

[WouterLemaire · Accepted solution]

You should configure your localhost as a reverse proxy. So your localhost will forward odata requests to your gateway system. Here you'll have a great blog about XAMPP configuration:

Kind regards,

Wouter

[peter_kulka · Accepted solution]

Hi Wouter,

thanks a lot. This helps indeed!

Kind regards,

Peter.

[former_member182372]

what i do:

extract opeui5 to webapps folder

so you have smth like

\Apache7.0\webapps\openui5-sdk-1.30.4

and in bootsrtap reference it like

<script id='sap-ui-bootstrap' type='text/javascript'
   src="/openui5-sdk-1.30.4/resources/sap-ui-core.js"