🟠 Developing Front-End Applications in Cloud Foundry - an End-to-End Journey

This session will be an end-to-end demo showing how to build and deploy a UI5 application to Cloud Foundry that consumes an ABAP based backend system. It will use the SAP HTML5 Application Repository Service as well as an SAP Approuter (to authenticate users) at its core. The session will start from scratch explaining each of the necessary steps involved.
Approuter Sizing Guide: help.sap.com/docs/BTP/65de297...

[@artless-soul]

One of the best Devtoberfest sessions.. to the point, clear explanation of core setup and interactions.. Thank you Nico!

[@dwight575]

Thank you so much for this video. It cleared up so much. Finally i better understand why my local instance is working / not working. End to end with no wizards and magic, thank you.

[@user-ih6ty7ms9x]

Thank you very much! You literally saved my weak... With this video I finally was able to deploy my Angular App - that is exchanging Requests with an Abap Backend... Thank you!!!!

[@sapdevs]

Glad I could help! [Nico]

[@user-ih6ty7ms9x]

@@sapdevs Hey Nico - do you know any resources that explain how I can make a similiar deployment with an mta.yaml file?

[@sapdevs]

@@user-ih6ty7ms9x Yes, here you go: blogs.sap.com/2020/09/01/how-to-build-end-to-end-custom-applications-in-cloud-foundry/ [Nico]

[@fmarifmahamud9405]

Finallay complete. Really Great Turorial!

[@eprohoda]

Hey-o amazing . ;))

[@__nitinkumar__]

Please provide the repo link in the description.

[@duncanbarre469]

Great tutorial Nico! Can you tell me what's difference between a CAP app and the app you made? and you were saying that this isn't the easy way to build an app, which wizards would you advise to build a similar freestyle ui5 app the easy way?

[@sapdevs]

Hi there! Sorry for the late reply. The biggest difference to a CAP application is that CAP is used to build backend services, for example to access databases, whereas I built a frontend application that consumes a backend service. Correct, the approach I showed is very DIY and definitely not the fastest way. Check out the easy-ui5 generator if you want to scaffold freestyle UI5 applications in no time (www.npmjs.com/package/generator-easy-ui5). Happy Coding. [Nico Schoentich]

[@fmarifmahamud9405]

I am gettign below error after executing cf push For application 'devtoberfest-approuter': Routes quota exceeded for organization '3fcb6a.... FAILED

[@sapdevs]

Hi there! Looks like you exceeded your Cloud Foundry runtime quota. You can add more quota as described in this guide, but beware that this might cost money if you are using a productive or Free Tier SAP BTP account: help.sap.com/docs/btp/sap-business-technology-platform/increasing-quota-for-cloud-foundry-runtime-optional It's easiest of course to delete some existing apps that might no longer be needed to free up some space. Best, Nico

[@fmarifmahamud9405]

This issue is resolved

[@ganeshm4297]

Hi Nico, Thanks for the demo. Can you please share learning videos link with use cases with local IDE installation guide

[@sapdevs]

Hi Ganesh, which learning video link are you referring to? Check out this blog post to learn how to set up VS Code for UI5 development: blogs.sap.com/2021/10/15/getting-ready-for-ui5-development-with-visual-studio-code/ [Nico]

[@sjpt1434]

Hello Are you using BAS or VCode?

[@nicoschonteich1916]

Hi, I am using VS Code in this demo. The color theme is called "GitHub Light".

[@GauravSahulegend]

VS Code installed on his local machine 4:29