Skip to content

Latest commit

 

History

History

managed-html5-runtime-basic-mta

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
HTML5Module
HTML5Module
 
 
diagram.png
diagram.png
 
 
mta.yaml
mta.yaml
 
 
package.json
package.json
 
 
readme.md
readme.md
 
 
result.png
result.png
 
 
xs-security.json
xs-security.json
 
 

readme.md

Basic HTML5 App with a Managed Application Router

Diagram

diagram

Description

This is an example of an HTML5 app that is accessed by a managed application router and is integrated into the SAP Launchpad service. During the build process (mbt build), the app is compressed into a zip file. During the deployment (cf deploy), the HTML5 app is pushed to the HTML5 Application Repository and uses the Authentication & Authorization service (XSUAA service) and the destination service.

Download and Deployment

  1. Subscribe to the SAP Launchpad service if you haven't done so before.
  2. Download the source code: 
    git clone https://github.com/SAP-samples/multi-cloud-html5-apps-samples
cd multi-cloud-html5-apps-samples/managed-html5-runtime-basic-mta
  3. Build the project: 
    npm install
npm run build
  4. Deploy the project: 
    cf deploy mta_archives/hello-world_1.0.0.mtar
  5. See the URL of the web app: 
    cf html5-list -di hello-world-destination-service -u --runtime launchpad

Use the following command in case you use the Portal service

cf html5-list -di hello-world-destination-service -u --runtime cpp

Check the Result

List the Deployed HTML5 Apps

$ cf html5-list -di hello-world-destination-service -u --runtime launchpad                                 
Getting list of HTML5 applications in org 9f10ed8atrial / space dev as [email protected]...
OK

name         version   app-host-id                            service name    destination name                        last changed                    url   
helloworld   1.0.0     bcd2d34a-1625-47ab-bf42-4f054970b911   basic.service   my_service_hello_world_html_repo_host   Tue, 16 Feb 2021 10:51:10 GMT   https://9f10ed8atrial.cpp.cfapps.eu10.hana.ondemand.com/7b673550-29f4-4b18-a128-6a4425018e6e.basicservice.helloworld-1.0.0/

You need to substitute cpp with launchpad, in case you use the Launchpad service (instead of the Portal service).

List the Deployed MTA

$ cf mta hello-world
Showing health and status for multi-target app hello-world in org 9f10ed8atrial / space dev as [email protected]...
OK
Version: 1.0.0

Apps:
name   requested state   instances   memory   disk   urls   

Services:
name                                 service           plan          bound apps   last operation   
hello-world-destination-service      destination       lite                       create succeeded   
hello-world-html5-app-host-service   html5-apps-repo   app-host                   create succeeded   
hello-world-xsuaa-service            xsuaa             application                create succeeded

Check the HTML5 App

Access the URL described in Download and Deployment to view the web app. You are redirected to a sign-on page before you can see the web app.

webapp