opticsponge / angularjs-express-mysql

Yeoman AngularJS Express MySQL framework

Install Backend Express module

$ cd backend
$ npm install

Install Frontend AngularJS module

$ cd ../frontend
$ npm install 
$ bower install

---

Running "karma:unit" (karma) task Warning: No provider for "framework:jasmine"! (Resolving: framework:jasmine) Use --force to continue.

$ npm install karma-jasmine --save-dev

Warning: Task "express:test" not found. Use --force to continue.

Running "serve" task Warning: Task "express:livereload" not found. Use --force to continue.

$ npm install grunt-express-server --save-dev

Running "express-server:test" (express-server) task Fatal error: Server should provide a function called "listen" that acts as http.Server.listen

install grunt-express with a "npm install grunt-express --save-dev" add a module.exports to your app.js. This is required by grunt-express if you want to avoid a "Fatal error: Server should provide a function called "listen" that acts as http.Server.listen" ref. http://davidemoro.blogspot.kr/2013/08/yeoman-express-and-angularjs.html

vi backend/bin/www

var debug = require('debug')('my-application');
var app = require('../app');

app.set('port', process.env.PORT || 3000);

var server = app.listen(app.get('port'), function() {
  //debug('Express server listening on port ' + server.address().port);
  console.log('Express server listening on port %d in %s mode', server.address().port, app.get('env'));
});

module.exports = app;

---

Grunt test

$ grunt 
$ grunt test

Run Grunt server

$ grunt serve

Browser connection http://localhost:9000

---

ref. Yeoman + Express + Angular = Full-Stack Workflow http://blog.omkarpatil.com/

The process is quite simple and involves generating an application using Yeoman Angular generator in the usual manner and then a little modification of Gruntfile.js. Here are the steps -

1. Create an Angular application using Yeoman Angular generator in usual way.

2. Install express, grunt-contrib-watch and grunt-express-server using npm install and use the save flags as shown below so that the package.json file is updated automatically.

npm install express --save
npm install grunt-contrib-watch --save-dev
npm install grunt-express-server --save-dev

3. Uninstall grunt-contrib-livereload, grunt-regarde and grunt-contrib-connect using npm uninstall. These are not needed anymore and the plugins installed in previous step will provide the necessary functionality.

npm uninstall grunt-contrib-livereload --save-dev
npm uninstall grunt-regarde --save-dev
npm uninstall grunt-contrib-connect --save-dev

4. Now comes the modification of Gruntfile.js file. You'll need to remove configuration related to the plugins mentioned in the previous step and add configuration for plugins added in step 1. You can find the exact changes in the embedded gist by doing a diff between revisions.

5. Add an Express server at the root of the directory. You can take server.js from the gist and build upon it.

---

Yeoman AngularJS Generator

Available generators:

angular (aka angular:app) angular:controller angular:directive angular:filter angular:route angular:service angular:provider angular:factory angular:value angular:constant angular:decorator angular:view

yo angular:factory [options]

Usage:
  yo angular:factory [options] <name>

Options:
  -h,   --help    # Print generator's options and usage  Default: false
        --coffee  # Description for coffee               Default: false

Arguments:
  name  # Type: String  Required: true

$ yo angular:factory UserFactory

yo angular:controller [options]

Usage:
  yo angular:controller [options] <name>

Options:
  -h,   --help    # Print generator's options and usage  Default: false
        --coffee  # Description for coffee               Default: false

Arguments:
  name  # Type: String  Required: true