3. Marius Obert |
@IObert_
SAP CodeJam is a 5 to 6 hours hands-
on coding and networking event where
attendees share their knowledge and
collaboratively develop with SAP
technologies, platforms and tools in a fun
and casual environment.
The events are developer community
focused and supported by SAP,
exploring technologies available through
the SAP Developer Center.
4. Marius Obert |
@IObert_
Want your own event?
You can request your own event by simply sending
us an email. Select a topic of your choice, choose
three possible dates, tell us the maximum number of
people you can support (we recommend between 25
and 40) and send it to sapcodejam@sap.com.
We will get back to you as soon as we have an
expert available.
For more details on the CodeJam program or the multiple topics we offer, check
out our page here: https://www.sap.com/developer/events.sap-codejam.html
5. 5@IObert_
Agenda
Introduction to Cloud Foundry
Old Approach - Web apps on Cloud Foundry
New Approach - Web apps on Cloud Foundry
Live Demo
Roadmap - HTML5 Application Repository
How to get started
12. 12@IObert_
Application runtime Backing services
SAPUI5
Application
Essential CF Components
For UI Development
Application
Router
Destination
service
Connectivity
service
Identity
Authentication
13. 13@IObert_
Web apps on Cloud Foundry
Old Approach
OData
SAP Gateway
Application
Router
Identity
Authentication
Destination
service
Connectivity
service
/ui files
/sap data
<login><login>
/ui files
/sap data
17. 17@IObert_
Web apps on Cloud Foundry
New Approach
OData
SAP Gateway
Application
Router
Identity
Authentication
Destination
service
Connectivity
service
/ui files
/sap data
<login>
<login>
/ui files
/sap data
HTML5
Application Repository
19. 19@IObert_
There are two easy ways:
1. CLI Command:
cf html5-push
2. Use a deployer application
Disclaimer: Add a manifest.json and a xs-app.json file for non SAPUI5 projects.
HTML5 Application Repository
Upload the UI project
23. 23@IObert_
References
Blog post #CloudFoundryFun - HTML5 App Repo Service
HTML5 Plugin Plugin Instructions
App Router Sample on GitHub
React App Sample on GitHub
Getting started Developer Center, Tutorial 1, Tutorial 2