Skip to content
OpenUI5 Developer blog CacheBuster demo
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
ci
webapp
.editorconfig
.eslintignore
.eslintrc
.gitignore
.npmrc
CacheBuster.jpg
Gruntfile.js
LICENSE
PhpStorm.jpg
README.md
destinations.json
neo-app.json
package-lock.json
package.json
serviceBinding.js

README.md

CacheBuster

This demo shows the usage of the UI5 CacheBuster in conjunction with the relevant build process to generate sap-ui-cachebuster-info.json.

Futhermore you will get a fully working local development environment that mimiks the SAP SCP platform to be able to run/build/deploy SCP projects locally or in CI / CD pipelines instead inside WebIDE Full-Stack.

OpenUI5 Developer Blog

Online Demo (SAP HCP)

Screenshot

Highlights

  • app showing usage of UI5 CacheBuster
  • SCP destination pointing out to odata services v4 reference service ODataRefSrv
  • fix/workaround for linux post process bug Fix #2312 inside Gruntfile.js
  • including complete script for local ci server/build/deploy tasks

CI Process

Prerequisites

  • General Tasks
    • clone git project
    • install packages.json dependencies using npm install
  • Deployment Tasks
    • download MTA Archive builder and extract to ./ci/tools/mta.jar
    • download SAP Cloud Platform Neo Environment SDK and extract to ./ci/tools/neo-java-web-sdk/*
    • add your scp account and user settings to ./ci/deploy-mta.properties
    • optionally you can enable your scp password in ./ci/deploy-mta.bat to avoid password input request each deployment

Development Workflow

  • develop
  • build
    • using npm run build or grunt to start the build process that generates /dist folder including Component-preload.js and sap-ui-cachebuster-info.json.
  • test
  • deploy
    • use deploy-mta script cd ci & deploy-mta to build and deploy app to scp
      • Initially a cachebuster.mtar (MultiTargetArchive) is generated using the MTA Archive builder.
      • Secondly the cachebuster.mtar file is deployed to SCP using SAP Cloud Platform Neo Environment SDK.

WebStorm / PhpStorm IDE

If you are using WebStorm / PhpStorm IDE, you can benefit from the web tool integrations.

  • RightClick on packages.json and choose:
    • Run 'npm install' to install/update all npm dependencies
    • Show npm Scripts to open window with all tasks located in left area.

Screenshot

License

Released under the Apache license. Have at it.

You can’t perform that action at this time.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session.