Check the version of SAPUI5 loaded in SAP Web IDE

Open SAP Web IDE and press CTRL+SHIFT+ALT+P.

The following dialog box will pop up giving all the required details.

23.png

You can choose to load a particular version of SAPUI5 if  you require it.

Advertisements

Getting started with SAPUI5 in SAP Web IDE

  • Open the SAP Web IDE. Wait for it to load and initialize.

20.png

  • Select the Development perspective on the left-hand side bar.

21.png

  • Select the Workspace folder and click on File->New->Folder
  • Enter myproject as the name.

22.png

  • Create a new file neo-app.json in your project folder.
  • Paste the following code inside the file and save.
{
  "welcomeFile": "index.html",
  "routes": [
    {
      "path": "/resources",
      "target": {
        "type": "service",
        "name": "sapui5",
        "version": "snapshot",
        "entryPath": "/resources"
      },
      "description": "SAPUI5 Resources"
    },
    {
      "path": "/test-resources",
      "target": {
        "type": "service",
        "name": "sapui5",
        "entryPath": "/test-resources"
      },
      "description": "SAPUI5 Test Resources"
    }
  ]
}

The welcomeFile configuration will indicate which initial file to load.

The routes key will define 2 entries: one from where to load the SAPUI5 resource and one for integrating test resources for the Fiori Launchpad.

Create an index.html file with the following code.

<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta charset="utf-8">
		<title>Welcome to SAPUI5 in the clould</title>
		
			id="sap-ui-bootstrap"
			src="https://sapui5.hana.ondemand.com/resources/sap-ui-core.js"
			data-sap-ui-theme="sap_belize"
			data-sap-ui-libs="sap.m"
			data-sap-ui-compatVersion="edge"
			data-sap-ui-preload="async" >
		
		
			sap.ui.getCore().attachInit(function () {
				new sap.m.Label({
					text : "SAPUI5 in the SAP Web IDE."
				}).placeAt("content");
			});
		
	</head>
	<body class="sapUiBody" id="content">
	</body>
</html>
  • Run the app or the index.html file as a web application.