UI5 Tooling & Motivation
UI5 Tooling – Develop UI5 Apps in the Editor of your Choice – 1. As expressed on the site, UI5 Tooling is an open and particular toolchain to foster cutting edge SAPUI5 applications. As a cutting edge fabricate and improvement climate it accompanies an order line interface (CLI), use Node.js and npm, and is by and large additionally progressed as an open-source project. UI5 Tooling – Develop UI5 Apps in the Editor of your Choice – 1.
By and by, the adaptability to foster utilizing open and free devices like a Content manager, NodeJS runtime and plausibility to have UI5 projects openly, grabbed my eye towards UI5 Tooling and through these web journals, I need to take you through the excursion from arrangement to facilitating the application on web. Me being a beginner, I’m certain, there’s something else to it. So we should investigate together. Will we? UI5 Tooling – Develop UI5 Apps in the Editor of your Choice – 1.
Installation Prerequisites
—> Node.js Version 10 or later
Verify in Command prompt by command (node --version)
—> UI5 Tooling
Verify in Command prompt by command (ui5 --version)
Follow these links – UI5 Tooling and NodeJS to install the above. Verify as mentioned, then continue with below steps.
Steps to migrate existing UI5 project to UI5 Tooling
1) Delete all other files in your project except the webapp folder. It should look like below.
2) Presently open Order brief highlighting your venture organizer. Simple method for doing this is to choose the way in Record adventurer, type ‘cmd’ and press Enter. CMD opens with the chose way.
3) Now run command npm init --yes to generate package.json. We deleted it earlier, but this ensures a fresh start.
4) Similarly, run ui5 init to generate ui5.yaml file. This replaces the old neo-app.json.
5) Next run ui5 use sapui5@latest to configure project with latest version. For OpenUI5, ui5 use openui5@latest can be used alternatively.
6) Run ui5 add sap.ui.core sap.m sap.ui.table themelib_sap_fiori_3 to add required libraries. These can be added later on as well in ui5.yaml.
7) At last beginning the server and show your undertaking to order ui5 serve. Duplicate the localhost url (http://localhost:8081/) and glue on any program. It could incite with a rundown of documents. All things considered select ‘index.html’ and the URL changes to (http://localhost:8081/index.html). You ought to now have the option to see your application.
Note : Port name (808x) could be unique and consequently duplicate the one that is shown on CMD.
===============================================
Above process was to relocate your current task. In the event that you need to construct another venture utilizing UI5 Tooling, there are a few generators accessible like https://github.com/SAP/generator-simple ui5 for example, yet they create a great deal of additional documents which can make things threatening for a fledgling like me. So I ordinarily really like to get an Essential Layout from Individual WebIDE, duplicate the webapp organizer and produce package.json and ui5.yaml as expressed previously.
Suggested Content tools : VSCode (experience like Business Application Studio), Sections.
Trust this blog had the option to make it a simple and clear interaction. For more data, here is the authority documentation for UI5 Tooling https://sap.github.io/ui5-tooling/.
In the following site, I will expound On the best way to Consume Test as well as On-Reason OData in UI5-Tooling. Do look out for that and remark assuming you have any criticism and data sources. Blissful Learning ?
YOU MAY BE INTERESTED IN
How to Create RAP business events in SAP BTP ABAP Environment ?
Do Amazon hire SAP consultants?
Epic Evolution of ABAP Programming
WhatsApp us