Skip to Content

How to launch Fiori application by index.html

Hi Experts,

I have to launch the fiori app as BSP Application by index.html cause some special reason,but I noticed that the latest WebIDE(Version: 170330) local version doesn't generate index.html by wizard any more, I want to new create index.html file, but the old version index.html (I copied from my previous project that is maybe about 2 years ago) doesn't work also, Could some experts help me out, thank you very much.

My new Component.js is"");sap.ui.getCore().loadLibrary("");"");"",     {
        metadata:{"manifest": "json"}});

So I want to know, How to code the index.html to launch this Component.js

thank you in advance.

best regards,


Add comment
10|10000 characters needed characters exceeded

  • Get RSS Feed

1 Answer

  • Best Answer
    Jan 04, 2018 at 01:26 PM

    <!DOCTYPE html>
    <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" />

    <!-- Bootstrapping UI5 -->
    <script id="sap-ui-bootstrap"
    data-sap-ui-resourceroots='{"<YOURCOMPONENTID>": "."}'
    <link rel="stylesheet" type="text/css" href="css/style.css">
    var oStartupParameters =;
    sap.ui.getCore().attachInit(function () {
    ], function (Shell, ComponentContainer) {
    // initialize the UI component
    new Shell({
    app: new ComponentContainer({
    height : "100%",
    name : "<YOURCOMPONENTID>",
    settings: {
    componentData: { startupParameters: oStartupParameters }


    <!-- UI Content -->
    <body id="content">

    Add comment
    10|10000 characters needed characters exceeded