Cordova Backbone Template (v1.0.0)
What is it?
This goal of this repository is to jump start you past all the complexity of setting up a Cordova app and project workflow and get you straight to building. You should be able to download, compile and run the project on iOS or Android in a few commands, and easily get developing and making changes to your mobile app straight away.
I've chosen Backbone as a framework for this template project for the following reasons:
- Backbone is simple to understand.
- Backbone doesn't prescribe the architecture of your application too heavily.
- Backbone is widely used
- Backbone is easy to extend, manipulate and use alongside other libraries, which you will probably eventually want to do when your app gets over a certain size.
- For iOS releases:
- Xcode Command Line Tools (Google for lots of instructions on installing these).
- For Android releases:
Running on a device or simulator
Installing node/bower dependencies (both locally and globally for node):
npm install -g npm install bower install
Running your tests:
Adding your ios or android platforms:
cordova platforms add ios cordova platforms add android
Building your application for iOS or Android:
cordova build ios cordova build android
Running your app in an iOS or Android simulator:
cordova emulate ios cordova emulate android
Running your app on a physical device:
cordova run ios cordova run android
Working on your application
Automating your workflow with grunt tasks
When making an application from this template, you'll largely be editing source in the
assets folder, which will then be automatically moved into its correct position in the
www folder for Cordova. In order to automate this process and streamline your workflow, there are some helpful grunt tasks included:
This will watch the assets folder for code changes, and copy your JS, less and images on the fly.
Runs a HTTP server on port 5000 to server up what's in your
www folder. You can run your app in-browser at
http://localhost:5000, or run your tests at
With these two tasks running, code changes you make in
assets are ready to view in a matter of seconds, meaning you don't have to manually re-compile or re-deploy to a device to view your work.
Running your tests
The default template includes a couple of very basic Mocha/Chai/Sinon tests to get you going, you'll find these in
grunt test command. When adding new test files, be sure to include them in
Your tests are copied across to
www/ the same way your application code is, so be sure to keep your
grunt watch task running while working on them, or if you don't want to run the watch task, run
grunt build before you run them each time to see changes.
grunt server running, you can also access your tests at
Adding new libraries
You can add new libraries and modules to use in your project via
bower install my-desired-module --save npm install my-desired-module --save
bower for libraries and modules you want to be available in your application, these are installed into the
components directory. Use
node for ones you want as part of your development workflow (this includes running tests), these are installed into the
For any bower components you want to use in your project, you'll need to configure them for use with requirejs, to do this. Add them to your