ziyualexanderwang / monitor-aircraft

AngularJS Example

Overview

It includes development environment by npm with bower and product environment by gulp

Development Environment

Installing dependencies

The application relies upon various node.js tools, such as Bower, Karma and Protractor. You can install these by running:

npm install

This will also run bower, which will download the angular files needed for the current step of the tutorial.

Most of the scripts described below will run this automatically but it doesn't do any harm to run it whenever you like.

Running the app during development

• Run npm start
• navigate your browser to http://localhost:8000/app/index.html to see the app running in your browser.

Running unit tests

• Start Karma with npm test
  • A browser will start and connect to the Karma server. Chrome is the default browser, others can be captured by loading the same url as the one in Chrome or by changing the test/karma.conf.js file.
• Karma will sit and watch your application and test JavaScript files. To run or re-run tests just change any of your these files.

End to end testing

Requires a webserver that serves the application. See Running the app during development, above.

• Serve the application: run npm start.
• In a separate console run the end2end tests: npm run protractor. Protractor will execute the end2end test scripts against the web application itself.
  • The configuration is set up to run the tests on Chrome directly. If you want to run against other browsers then you must install the webDriver, npm run update-webdriver, and modify the configuration at test/protractor-conf.js.

Production Environment

Building the app for production

• 'cd build'
• Run 'npm install'
• Run 'gulp', it will create production in 'app' folder
• 'cd app'
• Run 'python -m SimpleHTTPServer 8000', it will start server at 8000 ports