This is a sample app to find ATMs in the CO-OP network built using Ionic Framework.
Before running the app there are a few things you should install.
Installing Ionic CLI and Cordova
npm install -g ionic cordova gulp
Node and Bower packages
npm install
ionic state restore
bower install
Bing API Key
Although the app is functional without this, you will see an overlay on the map that will cover part of the pushpins. You can get a free API Key on Bing Maps Portal. Once you get it, execute the following Gulp task to add it to the app:
gulp bingkey --add <your API key>
On a browser window
The app is already set to run in this environment, just type ionic serve and a browser window will open automatically.
On a device
Removing the ATM service proxy
In order to run on the local browser, we have set up a proxy so we can make calls to the ATM service in that environment. However, this is not needed when running as a Cordova app and should be disabled using the following command.
gulp proxy --remove
Note: You can use
gulp proxy --addto revert the change.
Adding a platform
You need to add the target platforms for the app. For example, for Windows 10 you would need to type:
ionic platform add "windows@https://aka.ms/cordova-win10"
After that, just type ionic build windows to build the AppX package which you can later install on a phone running Windows 10. A way to do this is copying the package to the phone, navigate to the folder containing the package on the File Explorer app and tap on the appx file.
Note: You need to have the phone in Developer Mode in order to install the app, which can be enabled in the Settings app.
For more commands, check out the Windows Platform Guide.