During our most recent workshops, we presented the most popular libraries of Node.js, and their installation on Docker. Thanks to our presentation, you’ll be able to program applications which use Node.js and ES6.

1. Node.js
Workshops

2. npm init
it creates basic package.json file

3. name: heroes

4. name: heroes
version: 1.0.0

5. name: heroes
version: 1.0.0
description: heroes app

6. name: heroes
version: 1.0.0
description: heroes app
entry point: index.js

7. name: heroes
version: 1.0.0
description: heroes app
entry point: index.js
test command: [ENTER]

8. name: heroes
version: 1.0.0
description: heroes app
entry point: index.js
test command: [ENTER]
git repository: [ENTER]

9. name: heroes
version: 1.0.0
description: heroes app
entry point: index.js
test command: [ENTER]
git repository: [ENTER]
keywords: [ENTER]

10. name: heroes
version: 1.0.0
description: heroes app
entry point: index.js
test command: [ENTER]
git repository: [ENTER]
keywords: [ENTER]
license: [ENTER]

11. Is it ok?: [ENTER]

12. Let's install our first module!

13. npm install express --save

14. {
"name": "node-workshop",
"version": "1.0.0",
"description": "heroes app",
"main": "index.js",
"scripts": {
"test": "echo "Error: no test specified" && exit 1"
},
"author": "ssuperczynski <ss@espeo.eu> (espeo.eu)",
"license": "ISC",
"dependencies": {
"express": "^4.13.4"
}
}
Our module has been successfully installed

15. In package.json we pointed index.js

16. This is our inital script

17. So! Let's create it
touch index.js

18. So! Let's create it
touch index.js

19. Open index.js
var express = require('express');
var app = express();

20. Open index.js
var express = require('express');
var app = express();
app.get('/', function (req, res) {
res.send('viewing single offer');
});

21. Open index.js
var express = require('express');
var app = express();
app.get('/', function (req, res) {
res.send('viewing single offer');
});
app.listen(3003);

22. Open browser and go to:
localhost:3003

23. Open browser and go to:
localhost:3003

24. var express = require('express');
var app = express();
app.get('/', function (req, res) {
res.send('viewing single offer');
});
app.listen(3004, function () {
console.log("server started at 3004 port");
});
But we don't know if
server works or not

25. Much better

26. but hey, I like colors
npm install terminal-colors --save

27. but hey, I like colors

28. Oh yea!

29. Let's refactor index.js
var express = require('express');
var app = express();
app.get('/', getOffer);
function getOffer(req, res) {
res.send('viewing single offer');
}
app.listen(3004, function () {
console.log("server started at 3004 port");
});
index.js

30. Let's refactor index.js further
function getOffer(req, res) {
res.send('viewing single offer');
}
module.exports = getOffer;
controller/OfferController.js

31. Let's refactor index.js further
var express = require('express');
var app = express();
var getOffer = require('./controllers/OfferController');
app.get('/', getOffer);
app.listen(3004);
index.js

32. Nice!
Looks like we have basic node.js structure

33. Nice!
Looks like we have basic node.js structure

34. Let's interact with
some database

35. npm install pg pg-hstore --save

36. But wait, let's not install
Postgres locally

37. Let's use Docker!

38. Let's use Docker!

39. docker-machine start default
eval $(docker-machine env default)

40. docker-machine start default
eval $(docker-machine env default)
vi docker-compose.yml

41. docker-machine start default
eval $(docker-machine env default)
version: '2'
services:
postgres:
image: postgres
ports:
- "5432:5432"
environment:
POSTGRES_PASSWORD: mypassword
vi docker-compose.yml

42. docker-machine start default
eval $(docker-machine env default)
version: '2'
services:
postgres:
image: postgres
ports:
- "5432:5432"
environment:
POSTGRES_PASSWORD: mypassword
vi docker-compose.yml
docker-compose build
docker-compose up

43. You know what?
We have postgres!!

44. For postgress we
need some config

45. So, let's use
sequelize-cli to
configure it

46. Creating our model using
npm install sequelize --save
npm install sequelize-cli --save
node_modules/sequelize-cli/bin/sequelize init

47. Creating basic schema
node_modules/sequelize-cli/bin/sequelize model:create
--name Offer
--attributes "content:string, title:string"

48. Update database
node_modules/sequelize-cli/bin/sequelize db:migrate

49. Let's add more methods to
OfferController.js
function getOffer(req, res) {
models.Offer.findAll()
.then((offers) => { res.send(offers); })
.catch(() => {res.send('Error')});
}
module.exports = getOffer;
controller/OfferController.js

50. But what does
models.Offer.findAll()
mean?

51. But what does
models.Offer.findAll()
var sequelize = new Sequelize('postgres://user:pass@example.com:5
var Offer = sequelize.define('Offer', {
title: {type: sequelize.STRING, allowNull: false},
content: {type: sequelize.STRING, allowNull: false}
}, {});
export default Offer;
models/offer.js
mean?

52. But what does
models.Offer.findAll()
mean?
function createOffer(req, res) {
models.Offer.create({
content: req.body.content,
title: req.body.title
})
.then((offer) => { res.send(offer); })
.catch(() => {res.send('Error')});
}
module.exports = getOffer;
controller/OfferController.js

53. Add new method to index.js
var express = require('express');
var app = express();
var indexAction = require('./controllers/OfferController');
app.get('/', getOffer);
app.post('/', createOffer);
app.listen(3004);
index.js

54. Add new method to index.js
function createOffer(req, res) {
Offer.create({
content: req.body.content,
title: req.body.title
})
.then((offer) => { res.send(offer); })
.catch((err) => {res.send(err)});
}
controller/OfferController.js

55. And send something using
Postman

56. We should get

57. Alright.
But come back to index.js

58. What does
require('babel-core/register');
mean?

59. It means
we can use ES6
instead of ES5

60. import express from 'express';
import OffersController from './OffersController';
import UsersController from './UsersController';
let router = express.Router();
router.use('/offers', OffersController);
router.use('/users', UsersController);
module.exports = router;
index.js

61. import express from 'express';
var express = require('express');

62. export default router;
module.exports = router;

63. Offer.create({
content: req.body.content,
title: req.body.title
})
.then(offer => res.send(offer))
.catch(err => res.send(err));
Offer.create({
content: req.body.content,
title: req.body.title
})
.then(function(offer) { res.send(offer); })
.catch(function(err) { res.send(err)});

64. .then((user) => {
return user.get({token: token});
}
.then(user => user.get({token}))

65. Let's create some
authentication

67. npm install passport passport-http-bearer
passport-local bcrypt-nodejs --save

68. Create User model
node_modules/sequelize-cli/bin/sequelize model:create
--name User
--attributes "email:string, password:string, token:string"

69. Create Middleware
mkdir middleware
cd middleware
touch passport.js

70. Register passport strategy
import passport from 'passport';
import local from 'passport-local';
passport.use('local', new local.Strategy(options, callback));
export default passport;

71. import bcrypt from 'bcrypt-nodejs';
import Promise from 'Bluebird';
instanceMethods: {
comparePassword: function (hash) {
var userPassword = this.password;
var user = this;
return new Promise((resolve, reject) => {
Promise.promisify(bcrypt.compare)(hash, userPassword)
.then((result) => {
resolve([result, user]);
}, (err) => {
reject(err);
});
});
}
},
Update User model

72. hooks: {
beforeCreate: (user, options, cb) => {
Promise.promisify(bcrypt.genSalt)(10)
.then((salt) => {
return Promise.promisify(bcrypt.hash)(user.password, salt,
})
.then((hash) => {
user.password = hash;
cb(null, options);
});
}
}
Update User model

73. /// ....
import { User } from '../models';
import Promise from 'bluebird';
var options = {
usernameField: 'email',
passwordField: 'password'
};
var onLogIn = (email, password, done) => {
User.findOne({where: {email}})
.then(user =>
user ?
user.comparePassword(password) : Promise.reject(new Promise.Cancellation
)
.spread((isMatch, user) =>
isMatch ?
done(null, user) : Promise.reject(new Promise.CancellationError('Wrong e
)
.catch(Promise.CancellationError, info => done(null, false, info))
.catch(err => done(err));
};
Add callback to strategy

74.
//controllers/UsersController.js
import express from 'express';
import {User} from '../models';
import passport from 'passport';
let router = express.Router({mergeParams: true});
router.post('/signUp', signUp);
router.post('/logIn', logIn);
export default router;
Create login and register endpoints

75. function signUp(req, res) {
User.create({
email: req.body.email,
password: req.body.password
}).then(user => res.send({email: user.email }))
.catch(err => res.send(err));
}
function logIn(req, res, next) {
passport.authenticate('local', (err, user, info) => {
if (err) {
return res.send(err);
}
if (!user) {
return res.send(info.toString());
}
return res.send({user});
})(req, res, next);
}

76. Add child router to main router
// controllers/index.js
import UsersController from './UsersController';
router.use('/users', UsersController);

77. import passport from './middleware/passport';
app.use(passport.initialize());
Register passport as a middleware:
app.js

78. Bearer token
strategy

79. Add token helper
// helpers/token.js
import crypto from 'crypto';
import Promise from 'bluebird';
export default function generate() {
return new Promise((resolve, reject) => {
Promise.promisify(crypto.randomBytes)(48).then((buff) => {
resolve(buff.toString('hex'));
}).catch(err => reject(err));
});
}

80. Modify local-login strategy
User.findOne({where: {email}})
.then((user) => {
return user ? user.comparePassword(password) : Promise.reject(new Promise
}
)
.spread((isMatch, user) =>
isMatch ?
generateToken()
.then(token => user.update({token}))
.then(() => done(null, user.token))
: Promise.reject(new Promise.CancellationError('Wrong email or password')
)
.catch(Promise.CancellationError, info => done(null, false, info))
.catch(err => done(err));

81. Modify UsersController
function logIn(req, res, next) {
passport.authenticate('local', (err, token, info) => {
if (err) {
return res.send(err);
}
if (!token) {
return res.send(info.toString());
}
return res.send({token});
})(req, res, next);
}

82.
// middleware/passport.js
import generateToken from '../helpers/token';
import token from 'passport-http-bearer';
passport.use('token', new token.Strategy((token, done) => {
User.findOne({where: {token}})
.then(user => user ? done(null, user, {scope: 'all'}) : done(n
.catch(err => done(err));
}));
export var tokenAuthentication = passport.authenticate('token', {session: f
Add token strategy

83.
function singleOffer(req, res) {
Offer.findById(req.params.id)
.then(offer => res.send(offer))
.catch(err => res.send(err));
}
function RespondToOffer(req, res) {
OfferResponse.create({
OfferId: req.body.id,
email: req.body.email,
content: req.body.content
})
.then(response => res.send(response))
.catch(err => res.send(err));
}
router.get('/:id', singleOffer);
router.post('/respond', RespondToOffer);
Add new Offer endpoints

84. //controllers/OffersController.js
import {tokenAuthentication} from '../middleware/passport';
router.post('/respond', tokenAuthentication, RespondToOffer);
Restrict access to some route

85. // controllers/UsersController.js
function logOut(req, res) {
User.findOne({ where: {token: req.user.token}})
.then((user) => {
return user.update({token: null});
})
.then(() => {
res.send('Logged out.');
})
.catch(err => res.send(err));
}
router.delete('/logOut', tokenAuthentication, logOut);
Add log out endpoint

86. Testing

87. deps
npm install --save-dev
supertest expect.js mocha

88. package.json
"scripts": {
"start": "node bin/index.js",
"build": "gulp",
"test": "npm run test-integration",
"test-integration": "NODE_ENV=test mocha --compilers js:babel-c
},

89. test folder
mkdir integrationTest
cd integrationTest
touch offers.js

90. integrationTest/offers.js
var request = require('supertest');
var expect = require('expect.js');
var app = require('../bin/index');
var Bluebird = require('bluebird');
var models = require('../models');
describe('offerController', function () {
beforeEach(function () {
return Bluebird.all([
models.Offer.destroy({truncate: true}),
models.OfferResponse.destroy({truncate: true}),
models.User.destroy({truncate: true})
]);
});
it('should have /all endpoint and return with 200', function (don
request(app).get('/offers').expect(200, done);
});
});

91. it('should login and respond to the offer', function (done) {
var token = '';
var newUser = { email: 'julian@espeo.pl', password: 'test' };
models.User.create(newUser).then(() => {
request(app).post('/users/logIn')
.type('form')
.send(newUser)
.expect(200, (err, result) => {
token = result.body.token;
createSomeOffer();
});
});
function createSomeOffer() {
return request(app).post('/offers/')
.type('form')
.send({content: 'you have to code in XML', title: 'some programmer'})
.expect(200, respondToOffer);
}
...

92. function respondToOffer(err, result) {
if (err) done(err);
request(app).post('/offers/respond')
.set('Authorization', 'Bearer ' + token)
.type('form')
.send({id: result.body.id, email: 'julian@espeo.pl', content: 'i want thi
.expect(200, onResponseCreate);
}
function onResponseCreate() {
request(app).get('/offers').expect(200, function (err, result) {
if (err) done(err);
expect(result.body[0].OfferResponses[0].email).to.be('julian@espeo.pl');
expect(result.body[0].OfferResponses[0].content).to.be('i want this job')
done();
});
}
});

93. Frontend

94. git checkout newerstuff frontend gulpfile.js

95. Serving static files
import path from 'path';
app
.use(bodyParser.urlencoded({extended: true}))
.use(bodyParser.json())
.use(passport.initialize())
.use('/', router)
.use('/static', express.static('static'));

96. Serve index.html
// controllers/index.js
router.get('/', (req, res) => res.sendFile(path.join(__d

97. Add some logging stuff
npm install --save morgan
winston

98. Log requests
import morgan from 'morgan';
import fs from 'fs';
var accessLogStream = fs.createWriteStream(__dirname + '/acc
app
.use(morgan('dev', {stream: accessLogStream}))
.use(morgan('dev'))
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798