eine UI5 ​​App Launchpad Bereitstellen, wenn von einer fiori App-Vorlage

Question

Wir haben die folgende Entwicklungsumgebung für Fiori kommt:

-Gateway 7.4
Backend: SAP Netweaver 7.4 SP15
Local Web IDE mit Orion Version 160.811

Wir haben keine HCP, unser Gateway ist lokal in unserem Netzwerk, wir haben auch keinen Web-Dispatcher oder Sap-Router, was bedeutet, dass wir nicht direkt von der Web-IDE bereitstellen können und stattdessen müssen wir es manuell tun Laden Sie den Ordner auf Gateway hoch.

Wir haben eine App in Web IDE von Grund auf neu erstellt und exportieren sie als zip, um es in Launchpad bereitzustellen. In diesem Fall lief alles gut. Wir fügten die App zu einer Rolle hinzu oder benutzten die Standalone-URL, um sie zu testen.

Das Problem ist, wenn wir eine Fiori Worklist Vorlage App von Web IDE machen und dann versuchen, es auf die gleiche Weise wie die andere Anwendung bereitzustellen.

Wenn wir die Standalone-URL des App ausführen erhalten wir die folgenden Javascript-Fehler:

Uncaught TypeError: Cannot read property 'createRenderer' of undefined. 

Unsere flpSandbox.html ist das folgende (ohne HTML-Tags):

<script> 
     window["sap-ushell-config"] = { 
      defaultRenderer : "fiori2", 
      renderers: { 
       fiori2: { 
        componentData: { 
         config: { 
          search: "hidden" 
         } 
        } 
       } 
      }, 
      applications: { 
       "Notastest1-display": { 
        additionalInformation: "SAPUI5.Component=appnotatest", 
        applicationType: "URL", 
        url: "../", 
        description: "Despliegue de Notas Alumnos.", 
        title: "Calificaciones Mobile" 
       } 
      } 
     }; 
    </script> 

    <script src="../test-resources/sap/ushell/bootstrap/sandbox.js" id="sap-ushell-bootstrap"></script> 

    <!-- Bootstrap the UI5 core library --> 
    <script id="sap-ui-bootstrap" 
      src="../resources/sap-ui-core.js" 
      data-sap-ui-libs="sap.ushell, sap.collaboration" 
      data-sap-ui-theme="sap_bluecrystal" 
      data-sap-ui-compatVersion="edge" 
      data-sap-ui-resourceroots='{"appnotatest": "../"}' 
      data-sap-ui-frameOptions='allow'> // NON-SECURE setting for testing environment 
    </script> 

    <script> 
     sap.ui.getCore().attachInit(function() { 
      // initialize the ushell sandbox component 
      sap.ushell.Container.createRenderer().placeAt("content"); 
     }); 
    </script> 

Unseres Manifest:

{ 
"_version": "1.3.0", 
"sap.app": { 
    "_version": "1.3.0", 
    "id": "appnotatest", 
    "type": "application", 
    "i18n": "i18n/i18n.properties", 
    "title": "{{appTitle}}", 
    "description": "{{appDescription}}", 
    "applicationVersion": { 
     "version": "1.0.0" 
    }, 
    "dataSources": { 
     "mainService": { 
      "uri": "/sap/opu/odata/sap/ZNOTAS3_SRV/", 
      "type": "OData", 
      "settings": { 
       "odataVersion": "2.0", 
       "localUri": "localService/metadata.xml" 
      } 
     } 
    }, 
    "sourceTemplate": { 
     "id": "sap.ui.ui5-template-plugin.1worklist", 
     "version": "1.36.2" 
    } 
}, 
"sap.ui": { 
    "_version": "1.3.0", 
    "technology": "UI5", 
    "icons": { 
     "icon": "sap-icon://task", 
     "favIcon": "", 
     "phone": "", 
     "phone@2": "", 
     "tablet": "", 
     "tablet@2": "" 
    }, 
    "deviceTypes": { 
     "desktop": true, 
     "tablet": true, 
     "phone": true 
    }, 
    "supportedThemes": [ 
     "sap_hcb", 
     "sap_bluecrystal" 
    ] 
}, 
"sap.ui5": { 
    "_version": "1.3.0", 
    "rootView": { 
     "viewName": "appnotatest.view.App", 
     "type": "XML", 
     "id": "app" 
    }, 
    "dependencies": { 
     "minUI5Version": "1.36.0", 
     "libs": { 
      "sap.ui.core": { 
       "minVersion": "1.36.0" 
      }, 
      "sap.m": { 
       "minVersion": "1.36.0" 
      }, 
      "sap.ushell": { 
       "minVersion": "1.36.0" 
      }, 
      "sap.collaboration": { 
       "minVersion": "1.36", 
       "lazy": true 
      } 
     } 
    }, 
    "resources": { 
     "css": [ 
      { 
       "uri": "css/style.css" 
      } 
     ] 
    }, 
    "contentDensities": { 
     "compact": true, 
     "cozy": true 
    }, 
    "models": { 
     "i18n": { 
      "type": "sap.ui.model.resource.ResourceModel", 
      "settings": { 
       "bundleName": "appnotatest.i18n.i18n" 
      } 
     }, 
     "": { 
      "dataSource": "mainService", 
      "settings": { 
       "metadataUrlParams": { 
        "sap-documentation": "heading" 
       } 
      } 
     } 
    }, 
    "routing": { 
     "config": { 
      "routerClass": "sap.m.routing.Router", 
      "viewType": "XML", 
      "viewPath": "appnotatest.view", 
      "controlId": "app", 
      "controlAggregation": "pages", 
      "bypassed": { 
       "target": [ 
        "notFound" 
       ] 
      }, 
      "async": true 
     }, 
     "routes": [ 
      { 
       "pattern": "", 
       "name": "worklist", 
       "target": [ 
        "worklist" 
       ] 
      }, 
      { 
       "pattern": "EntityAsignaturasSet/{objectId}", 
       "name": "object", 
       "target": [ 
        "object" 
       ] 
      } 
     ], 
     "targets": { 
      "worklist": { 
       "viewName": "Worklist", 
       "viewId": "worklist", 
       "viewLevel": 1 
      }, 
      "object": { 
       "viewName": "Object", 
       "viewId": "object", 
       "viewLevel": 2 
      }, 
      "objectNotFound": { 
       "viewName": "ObjectNotFound", 
       "viewId": "objectNotFound" 
      }, 
      "notFound": { 
       "viewName": "NotFound", 
       "viewId": "notFound" 
       } 
      } 
     } 
    } 
} 

Und last but not least das ist unser component.js:

Wir versuchen, eine andere index.html zu erstellen, um das erstellte Render zu lösen, lösten wir den Fehler, aber die App funktioniert immer noch nicht, es zeigt nur das Launchpad ohne die Kachel. Beachten Sie, dass beim Testen der App über die lokale Web-IDE zunächst ein Launchpad mit der Kachel der Anwendung geöffnet wird.

Vielen Dank für Ihre Hilfe.

Answer 1

Möglicherweise liegt ein Problem mit der Version von UI5 auf Ihrem Netweaver-System vor. Um diese Theorie zu testen, führen Sie die App in der Web-IDE mit der gleichen UI5-Version auf Ihrem NetWeaver-System aus, um festzustellen, ob derselbe Fehler auftritt.

Um dies zu erreichen, klicken Sie in der Web IDE mit der rechten Maustaste auf Ihr Projekt -> Ausführen -> Konfigurationen ausführen ... -> wählen Sie eine bestehende Konfiguration oder fügen Sie eine neue hinzu -> erweiterte Einstellungen -> ändern Sie die ui5 Version derselbe, der auf Ihrem Netweaver-System ausgeführt wird -> speichern und ausführen.

Wenn Sie das gleiche Problem haben, ist es wahrscheinlich, dass Sie Ihre UI5-Version auf Ihrem Netweaver-System aktualisieren müssen oder versuchen, eine Problemumgehung in Ihrer UI5-Anwendung für dieses Problem zu erstellen.