This is just a demo project to illustrate how smoothly you can implement a ui5 library using the SAP Web IDE Full-Stack.
TODO
-
After deployment to SAPCP check the App Index for each of the deployed projects, i.e.:
- nabi.sample.ui5lib
- https://flpnwc-p123456trial.dispatcher.hana.ondemand.com/sap/bc/ui2/app_index/ui5_app_info?id=nabi.sample.ui5lib
- https://flpportal-p123456trial.dispatcher.hanatrial.ondemand.com/sap/bc/ui2/app_index/ui5_app_info?id=nabi.sample.ui5lib
- https://flpnwc-p123456trial.dispatcher.hana.ondemand.com/sap/bc/ui2/app_index/ui5_app_info_json?id=nabi.sample.ui5lib
FYI: The
id
parameter is the corresponding SAPUI5 Component ID, i.e. trysap.m
to see how a correct result should look like and compare it with the result of your own component. - nabi.sample.ui5lib
-
What about the ABAP App Index?
Yes, there is also an App Index in ABAP. In fact, you only need to replace the host etc so that the URLs above point to your ABAP server, i.e.:
- https://abap.mycompany.com/sap/bc/ui2/app_index/ui5_app_info?id=nabi.sample.ui5lib
- https://abap.mycompany.com/sap/bc/ui2/app_index/ui5_app_info_json?id=nabi.sample.ui5lib
As you can see, that works because paths (i.e. /sap/bc/ui2/app_index/ui5_app_info_json) are the same on both ABAP and SAPCP.
-
Clone repo and change directory
git clone https://github.com/nzamani/ui5-webide-demo-lib.git cd ui5-webide-demo-lib
-
Add SAP's NPM package registry (if you haven't already)
- Local:
npm config set @sap:registry https://npm.sap.com
- Global:
npm config --global set @sap:registry https://npm.sap.com
- Local:
-
Install NPM Dependencies and build library
npm install grunt
Check the dist folder.