vue-cli-plugin-scp-cf-app
A package to scaffold a nodejs app from a basic vue.js application for the Cloud Foundry SAP Cloud Platform (SCP).
The app has the Destination Service and the Connectivity Service embedded
Based on Vue CLI v3.0.0-beta.11
Prerequisite
(1) You have installed vue-cli.
$ npm install -g @vue/cli
(2) You have created an approuter
See vue-cli-pugin-scp-cf-approuter for more details.
Documentation
First create a vue.js application. One option is to create an app with the default settings:
$ vue create my-app --default
For a more robust setup of your app it is better to manually select features and select the vue-router.
(use the space key to select/deselect a feature)
for more options see : https://github.com/vuejs/vue-cli/blob/dev/docs/cli.md
You have created a basic vue.js application. For the SCP-CF node js app you will need some additional settings and files:
- add manifest.yml
deployment manifest for cloud foundry - add nodejs server
adds server.js to set up a nodejs server - add server routes
these routes will be the api routes which connect to SAP Gateway (oData services).
the sap/bc/ping service has been implemented as an example
call this service in vue js frontend with $http.get('/sap/basic/ping') - add xs-app.json
- add xs-security.json
- create start script in package.json
- add .cfignore
to avoid node_modules folder and default-destinations.json being uploaded to CF - add .npmrc
for registering @sap npm registry within CF - alter the main entryfile (main.js|ts) to include axios.
$http can be used as your http client
All these tasks are performed by this plugin if you call:
$ vue add scp-cf-app
or
$ npm i vue-cli-plugin-scp-cf-app --save-dev
$ vue invoke scp-cf-app
For deploying to CF just call:
$ npm run build
$ cf push
Security
If you are using xs-security.json then use:
$ cf create-service xsuaa application -c xs-security.json my-xsuaa
or
$ cf update-service my-xsuaa -c xs-security.json my-xsuaa
```
Manual: add the roles to the role collection in SCP