Платформа Node.js становится все более популярной. Для нее уже создано много библиотек и инструментов. Рассказ о том, какие из них и для чего мы используем.

1. Разработка на Node.js:
инструменты, библиотеки,
сервисы
Владимир Алаев
Разработчик
Я.Субботник, Санкт-Петербург, 30 июня 2012 года
1

2. Разработка на Node.js
— Инструменты
— Библиотеки
— Сервисы
2
2

3. Инструменты
3
3

4. Инструменты
Которые мы используем
— Что использовать для редактирования кода?
4
4

5. JavaScript в Node.js
— Это все тот же JavaScript
— Используй свой любимый редактор
— NetBeans, Aptana, vim, TextMate, Visual Studio, ...
— Но!
5
5

6. 6
6

7. Отладка Node.js приложений
7
7

8. Знает о структуре Node.js
модулей
8
8

9. Это не реклама! O:-)
9
9

10. JetBrains WebStorm
http://bit.ly/9Z97rE
10
10

11. Sublime Text 2
http://bit.ly/gixPIw
11
11

12. Инструменты
Которые мы используем
— Что использовать для редактирования кода?
— npm
12
12

13. npm
http://npmjs.org
13
13

14. npm search
Поиск модуля
$ npm search logging
NAME DESCRIPTION
ain Syslog logging for node.js
ain-tcp Syslog logging for node.js, with syslog/TCP
beaver CLI tool for piping a log's tail over TCP
bolt-logger simple logging for bolt
book flexible node.js logging library
book-email email transport for book logging framework
book-file file transport for book logging framework
book-git git middleware for book logging framework
14
14

15. npm show
Информация о модуле
$ npm show bem
{ name: 'bem',
description: 'BEM Tools',
'dist-tags':
{ latest: '0.4.2',
stable: '0.2.5',
unstable: '0.5.10' },
maintainers:
[ 'arikon <peimei@ya.ru>',
'veged <veged@mail.ru>',
'fedor.indutny <fedor.indutny@gmail.com>',
'scf <scf2k@yandex.ru>',
'afelix <skryzhanovsky@gmail.com>' ],
author: 'Sergey Berezhnoy <veged@mail.ru> (http://github.com/
veged)',
...
15
15

16. npm install
Установка модуля
$ npm install bem
npm http GET https://registry.npmjs.org/bem
npm http GET https://registry.npmjs.org/coa
npm http GET https://registry.npmjs.org/q
npm http GET https://registry.npmjs.org/inherit
npm http GET https://registry.npmjs.org/borschik
npm http 304 https://registry.npmjs.org/ometajs
bem@0.4.2 ../node_modules/bem
!"" q-wrap@0.0.1
!"" inherit@1.0.4
!"" qq@0.3.3
!"" coa@0.3.5
!"" q@0.7.2 (event-queue@0.2.0)
#"" borschik@0.0.10 (q@0.8.5, q-fs@0.1.27, cssp@1.0.5)
16
16

17. npm uninstall
Удаление модуля
$ npm uninstall bem
17
17

18. npm
Полезно знать
— ls
18
18

19. Глобальные модули
npm ls -g
/usr/local/lib
!"" async@0.1.0
!"" v8-profiler@3.6.2-1
!"$ winston@0.5.9
% !"" async@0.1.15
% !"" colors@0.6.0-1
% !"" eyes@0.1.7
% !"$ loggly@0.3.11
% % !"" request@2.9.100
% % #"" timespan@2.2.0
% !"" pkginfo@0.2.3
% #"" stack-trace@0.0.6
#"$ xjst@0.2.21
...
19
19

20. Локальные модули bem-tools
cd bem-tools; npm ls
bem@0.5.10 /Users/scf/Projects/bem-tools
!"" apw@0.3.4
!"" async@0.1.22
!"$ winston@0.5.10
% !"" colors@0.6.0-1
% !"" eyes@0.1.7
% !"$ loggly@0.3.11
% % !"" request@2.9.202
% % #"" timespan@2.2.0
% !"" pkginfo@0.2.3
% #"" stack-trace@0.0.6
#"$ xjst@0.2.21
...
20
20

21. npm
Полезно знать
— ls
— shrinkwrap
21
21

22. npm shrinkwrap
До и после
"dependencies": { "dependencies": {
"coa": "0.3.x", "coa": "0.3.5",
"inherit": "1.0.x", "inherit": "1.0.4",
"q": "~0.8.2", "q": "0.8.5",
"q-fs": "0.1", "q-fs": "0.1.27",
"cssp": "1.0.x" "cssp": "1.0.5",
} }
22
22

23. npm
Полезно знать
— ls
— shrinkwrap
— publish
23
23

24. npm publish
Необходим package.json
— Создать с помощью npm init
— Написать руками
24
24

25. npm
Полезно знать
— ls
— shrinkwrap
— publish
— version
25
25

26. npm version
Обновляет версию пакета
— На конкретно заданную
— major
— minor
— patch
26
26

27. Инструменты
Которые мы используем
— Что использовать для редактирования кода?
— npm
— git
27
27

28. Ты не используешь git?!
28
28

29. Инструменты
Которые мы используем
— Что использовать для редактирования кода?
— npm
— git
— node-inspector
29
29

30. Отладка Node.js приложений
— Интегрированный отладчик
— WebStorm
— node-inspector
30
30

31. 31
31

32. node-inspector
http://bit.ly/cEceO0
32
32

33. Инструменты
Которые мы используем
— Что использовать для редактирования кода?
— npm
— git
— node-inspector
— JSHint
33
33

34. JSHint
http://jshint.com
34
34

35. JSHint
Установка и использование
— npm install -g jshint
— jshint myscript.js
35
35

36. 36
36

37. Зачем и как мы используем JSLint
Дмитрий Щадей на Я.Субботнике
в Киеве, 5 мая 2012 года
http://bit.ly/PIGC4B
37
37

38. Библиотеки
38
38

39. Winston
http://bit.ly/v0QE1f
39
39

40. Winston
— Разные транспорты
40
40

41. Winston
Транспорты
var winston = require('winston');
// Добавляем вывод в консоль
winston.add(winston.transports.Console, options);
// Добавляем вывод в файл my.log
winston.add(winston.transports.File, { filename: 'my.log' });
npm search winston
41
41

42. Winston
— Разные транспорты
— Уровни логирования
42
42

43. Winston
Уровни логирования
var winston = require('winston');
winston.log('debug', 'выделение памяти для чтения файла');
winston.log('info', 'читается файл данных');
winston.log('error', 'ошибка чтения файла');
43
43

44. Winston
— Разные транспорты
— Уровни логирования
— Выделение цветом
44
44

45. Winston
Выделение цветом
45
45

46. Winston
— Разные транспорты
— Уровни логирования
— Выделение цветом
— Профилирование
46
46

47. Winston
Профилирование
winston.profile('test');
someFunctionWeWantToProfile();
winston.profile('test');
// "30 Jun 16:00:00 - info: test duration=1200ms"
47
47

48. Winston
http://bit.ly/v0QE1f
48
48

49. Mocha
http://bit.ly/trTtVG
49
49

50. Mocha
— Тестирование асинхронного кода
— Разные виды репортов
50
50

51. Репортеры Mocha
Dot Matrix
51
51

52. Репортеры Mocha
Spec
52
52

53. Репортеры Mocha
TAP
53
53

54. Репортеры Mocha
Landing Strip
54
54

55. Репортеры Mocha
List
55
55

56. Репортеры Mocha
Progress
56
56

57. Репортеры Mocha
JSON
57
57

58. Репортеры Mocha
HTML
58
58

59. Репортеры Mocha
Nyan
59
59

60. Mocha
— Тестирование асинхронного кода
— Разные виды репортов
— Ваша любимая библиотека ассертов
60
60

61. Ассерты
Should
var user = {
name: 'tj',
pets: ['tobi', 'loki', 'jane', 'bandit']
};
user.should.have.property('name', 'tj');
user.should.have.property('pets').with.lengthOf(4);
61
61

62. Ассерты
Expect
var user = {
name: 'tj',
pets: ['tobi', 'loki', 'jane', 'bandit']
};
expect(user).to.have.property('name', 'tj');
expect(user).to.have.property('pets').to.have.length(4);
62
62

63. Ассерты
Node.js Assert
var user = {
name: 'tj',
pets: ['tobi', 'loki', 'jane', 'bandit']
};
assert.equal(user.name, 'tj');
assert.length(user.pets, 4);
63
63

64. Ассерты
Chai
Все три варианта: should, expect, assert
64
64

65. Mocha
— Тестирование асинхронного кода
— Разные виды репортов
— Ваша любимая библиотека ассертов
— Несколько стилей описания тестов
65
65

66. Стили тестов
BDD
describe('Array', function(){
before(function(){
// ...
});
describe('#indexOf()', function(){
it('should return -1 when not present', function(){
[1,2,3].indexOf(4).should.equal(-1);
});
});
66
66

67. Стили тестов
TDD
suite('Array', function(){
setup(function(){
// ...
});
suite('#indexOf()', function(){
test('should return -1 when not present', function(){
assert.equal(-1, [1,2,3].indexOf(4));
});
});
67
67

68. Стили тестов
Exports
module.exports = {
before: function(){
// ...
},
'Array': {
'#indexOf()': {
'should return -1 when not present': function(){
[1,2,3].indexOf(4).should.equal(-1);
}
}
}
};
68
68

69. Стили тестов
QUnit
function ok(expr, msg) {
if (!expr) throw new Error(msg);
}
suite('Array');
test('#indexOf()', function(){
var arr = [1,2,3];
ok(arr.indexOf(4) == -1);
});
69
69

70. Mocha
— Тестирование асинхронного кода
— Разные виды репортов
— Ваша любимая библиотека ассертов
— Несколько стилей описания тестов
— Test coverage
70
70

71. Test coverage
71
71

72. Mocha
http://bit.ly/trTtVG
72
72

73. Хочешь классический ООП?
73
73

74. ООП в JavaScript
Множество фреймворков
— joose
— MooTools
— class-js
— Sslac
— comb
— UberClass
— ease.js
...
74
74

75. inherit
• Простой и понятный код
• __base
• __self
75
75

76. inherit
http://bit.ly/x7htNf
76
76

77. JavaScript
Колбек на колбеке
77
77

78. Асинхронный код
Подходы
— Fibers (fiberize, fibers, sync)
— Препроцессоры (streamline, Jscex)
— Control Flow (async, begin, groupie, $N, seq, Slide)
— Promises (deferred, promise, node-promise, when,
Q)
78
78

79. Почему Promises?
— Не требует препроцессинга
— Читабельный код
— Единообразие
— Позволяет писать плоский код
— Внутри все та же асинхронность
Но...
79
79

80. Нужно немного поломать мозги :)
80
80

81. Q
http://bit.ly/hnNcpU
81
81

82. Консольные утилиты
— Команды, опции, аргументы
— Помощь
— Автокомплит
— API для использования из программ
Все это есть в COA!
82
82

83. require('coa').Cmd()
.name(process.argv[1])
.title('Test COA util')
.helpful()
.opt()
.name('version') // name for use in API
.title('Version') // title for use in text messages
.short('v') // short key: -v
.long('version') // long key: --version
.flag() // for options without value
.only() // act as command
.act(function(opts) { // add action for option
return "COA util 2.3.1";
})
.end() // end option chain and return to main command
83
83

84. .cmd() // subcommand declaration
.name('greet').title('Test greet command').helpful()
.opt()
.name('name').title('who to greet, required')
.short('n').long('name')
.val(function(v) { // validator function
return v || 'Unknown'
})
.req() // make option required
.end() // end option chain and return to command
.act(function(opts, args){
console.log('Hello, ' + opts.name + '!!!');
})
.end() // end subcommand chain
.completable() // make possible generate completion script
.act(function(){ // default handler when run with no params
console.log('run with --help to see help')
})
.run(process.argv.slice(2)); // parse and run on process.argv
84
84

85. $ node coa.js
run with --help to see help
$ node coa.js --help
Test COA util
Usage:
coa.js COMMAND [OPTIONS] [ARGS]
coa.js [OPTIONS] [ARGS]
Commands:
greet : Test greet command
completion : Shell completion
Options:
-h, --help : Help
-v, --version : Version
$ node coa.js -v
COA util 2.3.1
85
85

86. $ node coa.js greet
Missing required option:
-n NAME, --name=NAME : who to greet, required
$ node coa.js greet -n veged
Hello, veged!!!
$ node coa.js completion
###-begin-coa.js-completion-###
#
# coa.js command completion script
#
# Installation: coa.js completion >> ~/.bashrc (or ~/.zshrc)
# Or, maybe: coa.js completion > /usr/local/etc/
bash_completion.d/coa.js
#
...
86
86

87. COA
Command Option Argument
http://bit.ly/zaRCDk
87
87

88. Сервисы
88
88

89. Даже ее мама знает про github
89
89

90. Чем полезен github
— Готовый git репозиторий
— Открытая разработка
— It’s social!
— Code review
90
90

91. 91
91

92. 92
92

93. http://travis-ci.org
93
93

94. Travis build history
94
94

95. Travis build log
95
95

96. http://travis-ci.org
96
96

97. 97
97

98. Владимир Алаев
scff@yandex-team.ru
@scf2k
http://fb.com/scf2k
98