SlideShare ist ein Scribd-Unternehmen logo
1 von 24
Downloaden Sie, um offline zu lesen
Marius Obert, Developer Advocate
November 23, 2019
Consume (UI5) Web Apps
from the HTML5 Application Repository
2© 2015 SAP SE or an SAP affiliate company. All rights reserved.
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.
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@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
6@IObert_
Hyperscaler-agnostic PaaS
7@IObert_
Cloud Foundry App Model
APPS
(SHOPPING CART)
BACKING SERVICE
(DATABASE)
8@IObert_
Concepts
Service
Broker
9@IObert_
Concepts
Service
Offering
10@IObert_
Concepts
Service Plan
11@IObert_
Concepts
Service
Binding
Service
Instance
12@IObert_
Application runtime Backing services
SAPUI5
Application
Essential CF Components
For UI Development
Application
Router
Destination
service
Connectivity
service
Identity
Authentication
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
14@IObert_
Application Router
Configuration
Identity
Authentication
Destination
service
Embedded
web app
15@IObert_
Application Router
Configuration
Embedded
web app
16@IObert_
Old Approach
Summary
Fast
Easy setup Scaling
Re-usage of libs
Linked Lifecycles
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
18@IObert_
Application Router
Configuration
Identity
Authentication
Destination
service
HTML5
Application Repository
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
20@IObert_
New Approach
Summary
Secure
Integrates easily
Scales
Re-usage of libs
Build-in Cache Slightly more complex
Separate resource
Live demo
Application
Router
HTML5
Application Repository
22@IObert_
Roadmap
Personal Highlights
Available on all
Hyperscalers
Integration in the
cockpit
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
Thank you.
Contact information:
Marius Obert
Developer Advocate
@IObert_
people.sap.com/mariusobert
marius.obert@sap.com

Weitere ähnliche Inhalte

Ähnlich wie Intro to the HTML5 Application Repository Service

Z sap boe-2016-techws-04_vs_fiori-app-with-eclipseluna-accessing-zsap-system
Z sap boe-2016-techws-04_vs_fiori-app-with-eclipseluna-accessing-zsap-systemZ sap boe-2016-techws-04_vs_fiori-app-with-eclipseluna-accessing-zsap-system
Z sap boe-2016-techws-04_vs_fiori-app-with-eclipseluna-accessing-zsap-system
Nagendra Babu
 
APIs +Micro services technology for Computing
APIs +Micro services technology for ComputingAPIs +Micro services technology for Computing
APIs +Micro services technology for Computing
wismoyo92
 

Ähnlich wie Intro to the HTML5 Application Repository Service (20)

Developing mobile apps with HCPms
Developing mobile apps with HCPmsDeveloping mobile apps with HCPms
Developing mobile apps with HCPms
 
Ahead conference keynote deck, The Journey to Enterprise PaaS with Cloud Foun...
Ahead conference keynote deck, The Journey to Enterprise PaaS with Cloud Foun...Ahead conference keynote deck, The Journey to Enterprise PaaS with Cloud Foun...
Ahead conference keynote deck, The Journey to Enterprise PaaS with Cloud Foun...
 
Open Source in Entperprises - A Presentation by SAP at OSCON 2014 Confernece
Open Source in Entperprises - A Presentation by SAP at OSCON 2014 ConferneceOpen Source in Entperprises - A Presentation by SAP at OSCON 2014 Confernece
Open Source in Entperprises - A Presentation by SAP at OSCON 2014 Confernece
 
Go Cloud Native with IBM Bluemix Developer Console - GIDS17
Go Cloud Native with IBM Bluemix Developer Console - GIDS17Go Cloud Native with IBM Bluemix Developer Console - GIDS17
Go Cloud Native with IBM Bluemix Developer Console - GIDS17
 
SAP Fiori Mobility Applications
SAP  Fiori Mobility ApplicationsSAP  Fiori Mobility Applications
SAP Fiori Mobility Applications
 
Z sap boe-2016-techws-04_vs_fiori-app-with-eclipseluna-accessing-zsap-system
Z sap boe-2016-techws-04_vs_fiori-app-with-eclipseluna-accessing-zsap-systemZ sap boe-2016-techws-04_vs_fiori-app-with-eclipseluna-accessing-zsap-system
Z sap boe-2016-techws-04_vs_fiori-app-with-eclipseluna-accessing-zsap-system
 
Pivotal Cloud Platform Roadshow Keynote
Pivotal Cloud Platform Roadshow KeynotePivotal Cloud Platform Roadshow Keynote
Pivotal Cloud Platform Roadshow Keynote
 
TechTalk: Accelerate Mobile Development using SDKs and Open APIs With CA API ...
TechTalk: Accelerate Mobile Development using SDKs and Open APIs With CA API ...TechTalk: Accelerate Mobile Development using SDKs and Open APIs With CA API ...
TechTalk: Accelerate Mobile Development using SDKs and Open APIs With CA API ...
 
Notes
NotesNotes
Notes
 
Bluemix summary
Bluemix summaryBluemix summary
Bluemix summary
 
Red Hat Mobile
Red Hat MobileRed Hat Mobile
Red Hat Mobile
 
Api management customer
Api management customerApi management customer
Api management customer
 
Mobile pulse sept 2014
Mobile pulse sept 2014Mobile pulse sept 2014
Mobile pulse sept 2014
 
The New Possible: How Platform-as-a-Service Changes the Game
 The New Possible: How Platform-as-a-Service Changes the Game The New Possible: How Platform-as-a-Service Changes the Game
The New Possible: How Platform-as-a-Service Changes the Game
 
Google Technical Webinar - Building Mashups with Google Apps and SAP, using S...
Google Technical Webinar - Building Mashups with Google Apps and SAP, using S...Google Technical Webinar - Building Mashups with Google Apps and SAP, using S...
Google Technical Webinar - Building Mashups with Google Apps and SAP, using S...
 
APIs +Micro services technology for Computing
APIs +Micro services technology for ComputingAPIs +Micro services technology for Computing
APIs +Micro services technology for Computing
 
The Three Pillars of Agile Integration: Connector, Container & API
The Three Pillars of Agile Integration: Connector, Container & APIThe Three Pillars of Agile Integration: Connector, Container & API
The Three Pillars of Agile Integration: Connector, Container & API
 
API Integration: Red Hat integration perspective
API Integration: Red Hat integration perspectiveAPI Integration: Red Hat integration perspective
API Integration: Red Hat integration perspective
 
apidays Paris 2022 - Adding a mock as a service capability to your API strate...
apidays Paris 2022 - Adding a mock as a service capability to your API strate...apidays Paris 2022 - Adding a mock as a service capability to your API strate...
apidays Paris 2022 - Adding a mock as a service capability to your API strate...
 
What’s new in SAP Cloud Platform Workflow – summer edition 2019
What’s new in SAP Cloud Platform Workflow – summer edition 2019What’s new in SAP Cloud Platform Workflow – summer edition 2019
What’s new in SAP Cloud Platform Workflow – summer edition 2019
 

Kürzlich hochgeladen

+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
?#DUbAI#??##{{(☎️+971_581248768%)**%*]'#abortion pills for sale in dubai@
 
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
Joaquim Jorge
 

Kürzlich hochgeladen (20)

+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
 
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, AdobeApidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
 
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
 
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘
 
Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
 
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
 
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024
 
Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CVReal Time Object Detection Using Open CV
Real Time Object Detection Using Open CV
 
Manulife - Insurer Innovation Award 2024
Manulife - Insurer Innovation Award 2024Manulife - Insurer Innovation Award 2024
Manulife - Insurer Innovation Award 2024
 
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
 
Top 5 Benefits OF Using Muvi Live Paywall For Live Streams
Top 5 Benefits OF Using Muvi Live Paywall For Live StreamsTop 5 Benefits OF Using Muvi Live Paywall For Live Streams
Top 5 Benefits OF Using Muvi Live Paywall For Live Streams
 
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdfUnderstanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
 

Intro to the HTML5 Application Repository Service