7 steps to put your fiori or ui5 app on ibm bluemix
TRANSCRIPT
IBM Bluemix
& SAP Fiori Apps
Markus van Kempen
T: @markusvankempen &
Overview
- Setup Bluemix account/environment
- Create a node.js app in Bluemix
- Start Server and with quicktstart app
- Add code the jazzhub
- Upload Fiori Demo App
- Adjust app.js and package.json
- Deploy and run Fiori on Bluemix
&
SAP SDN Blog
http://scn.sap.com/community/fiori/blog/2015/02/19/7-steps-to-put-your-fiori-or-ui5-app-on-ibm-bluemix
Changes to Bluemix files
App.js
- Add your fiori application path
- Add html view and ejs
- Change the default views path to your app path
Package.json
- Add "ejs": "~0.7.1“
App.js
app.use(express.static(__dirname + '/YOURPATH')); //setup static public directory
app.set('view engine', 'html');
app.set('views', __dirname + '/ YOURPATH ');
app.engine('.html', require('ejs').__express);
app.get('/', function(req, res){
res.render('index.html');
});
Package.json
{
"name": "NodejsStarterApp",
"version": "0.0.1",
"description": "A sample nodejs app for Bluemix",
"scripts": {
"start": "node app.js"
},
"dependencies": {
"express": "3.4.7",
"jade": "1.1.4",
"ejs": "~0.7.1"},
"engines": {
"node": "0.10.*"
},
"repository": {}
}
Upload any UI5 / Fiori App
https://github.com/markusvankempen/Fiori-AboutMe-App---Standalone
Example Apps on GitHub
Upload and Deploy your Fiori App
&
The url is public and you can test your
app on the Phone or other mobile devices
like http://sdn.mybluemix.net
References
Bluemix Overview – www.bluemix.net
Bluemix and node.js - https://hub.jazz.net/tutorials/jazzweb/
SAP Fiori / openui5 infos - http://openui5.org/
Simple SAP Fiori app on github - https://github.com/markusvankempen/Fiori-AboutMe-App---Standalone
Demo app on http://mvksdn.mybluemix.net or http://fiori.mybluemix.net
Markus van Kempen – EA ArchitectInnovating with People and Technology
email: [email protected]: @markusvankempenHashtag: #MVK