This is an example of an HTML5 app that you maintain on a standalone application router in your own space in the Cloud Foundry environment. The app is deployed to the HTML Application Repository.
- Download the source code:
git clone https://github.com/SAP-samples/multi-cloud-html5-apps-samples cd multi-cloud-html5-apps-samples/standalone-approuter-html5-runtime
- Build the project:
npm install npm run build
- Deploy the project:
cf deploy mta_archives/approuter_html5_1.0.0.mtar
If the deployment has been successful, you find the URL of the application router in the console output or you can print it on Unix-based systems with cf app standaloneportalmta | awk '/^routes/ { print "https://"$2"/" }'
. It probably has the following structure: https://[globalaccount-id]-dev-multi-cloud-html5-apps-samples.cfapps.eu10.hana.ondemand.com.
You can replace the content of the HTML5Module
folder with your own web app. Keep in mind that you also need to change the path to the default app if your web app has a different ID.
To change the path to the default app, edit the welcomeFile
property in the xs-app.json
configuration file of the application router.
$ cf html5-list
Getting list of HTML5 applications in org 9f10ed8atrial / space dev as [email protected]...
OK
name version app-host-id service instance visibility last changed
helloworld 1.0.0 1db2ae23-90e9-4055-a22c-6865ca7ad73e html5_repo_host public Mon, 10 Aug 2020 13:26:03 GMT
$ cf mta approuter_html5
Showing health and status for multi-target app approuter_html5 in org 9f10ed8atrial / space dev as [email protected]...
OK
Version: 1.0.0
Apps:
name requested state instances memory disk urls
html5_app_router started 1/1 256M 256M 9f10ed8atrial-dev-html5-app-router.cfapps.us10.hana.ondemand.com
Services:
name service plan bound apps last operation
html5_repo_host html5-apps-repo app-host create succeeded
html5_repo_runtime html5-apps-repo app-runtime html5_app_router create succeeded
Access the URL to view the web app.