Building a mobile banking app
Disclaimer
Banking: How it is
Banking: How I want it to be
Mobile banking
Mobile banking, for me:
- Balance of all accounts
- Quickly make payments
- Review transactions
My phone at the time:
It's the web!
So how to make a banking app? It has to
- encrypt the data
- work offline
- show push notifications
The stack I chose
Optional: Android / iOS
- Allows you to be in the app stores
- Gives you access to native features
Let's start with Ionic
$ npm install -g ionic cordova
$ ionic start wealthy tabs
Okay, now how to make it work?
Making a Firefox OS App
{
"name": "My App",
"description": "My elevator pitch goes here",
"launch_path": "/",
"icons": {
"128": "/img/icon-128.png"
},
"developer": {
"name": "Your name or organization",
"url": "http://your-homepage-here.org"
},
"default_locale": "en"
}
Permissions
{
"name": "Wealthy",
"description": "Banking how it should be",
"launch_path": "/index.html",
"icons": {
"128": "/img/wealthy.png"
},
"default_locale": "en",
"permissions": {
"systemXHR": {
"description": "Accessing the bank interfaces"
}
},
"type": "privileged"
}
Banking interfaces
Banking interfaces
Yay, Germany!
Standardised interface: FinTS
Yay, FinTS
- HTTPS based
- Relatively simple protocol
- ...except is has a lot of cruft
How to make it an Android / iOS app?
- Zip up the www folder + config.xml
- Upload to Phonegap Build Service
- Get the APK / ipa file
- Profit :)
How to make it an Android / iOS app? Alternative
$ ionic add platform android
$ ionic build
How to make it a Firefox OS app?
- Zip up the www folder + manifest.webapp file
- Upload to Firefox Marketplace
/
