1. Full Stack JavaScript
Maracuyá Jukebox
Marek Będkowski

2. Plan
• Demo
• Ogólne wprowadzenie
• Zarządzanie zależnościami/automatyzacja zadań
• Zarządzanie modułami natywnymi

3. Demo

4. A co to ja
winampa nie
znam???
Demo

5. Ogólne wprowadzenie

6. Ogólne wprowadzenie

7. JS Stack
• Nodejs
• Npm
• Grunt
• Sqlite
• Expressjs
• Socket.io
• jQuery/jQueryMobile
• PhoneGap
• Weinre
• Node-webkit

8. Npm – zarządzanie zależnościami
• package.json (https://github.com/bendi/maracuya-
jukebox/blob/master/maracuya/package.json)
• Zdalne repo: npmjs.org
Total Packages: 79 946
12 299 994 downloads in the last day
71 743 126 downloads in the last week
300 030 760 downloads in the last month

9. Grunt – automatyzacja zadań
• Gruntfile.js (https://github.com/bendi/maracuya-
jukebox/blob/master/maracuya/Gruntfile.js)
• Oficjalna strona: gruntjs.com
• Łatwo rozszerzanie poprzez pluginy (obecnie 3079)
• grunt-contrib-jshint

10. Nodejs a wieloplatformowość

11. Nodejs a wieloplatformowość

12. Maracuyá Jukebox a odtwarzacz mp3

13. Odtwarzacz mp3
• …a może napiszę go sam 

15. Odtwarzacz mp3
• Open-source
• multi-arch
• No external deps
• play/pause/next/prev/jump/volume

16. Odtwarzacz mp3
• Mpg123
• Open-source
• multi-arch
• No external deps
• Tryb interaktywny (play/pause/next/prev/jump/volume)

17. Nodejs a wieloplatformowość

18. Node-gyp kompilacja modułów natywnych
• Wielo platformowe narzędzie kompilacji
• Pochodna projektu gyp znanego z Chromium

19. Mpg123 a nodejs…
• node-mpg123n – natywny moduł korzystający z API mpg123
• Wieloplatformowość w takim samym zakresie jak nodejs

21. Mpg123 a nodejs…
• node-mpg123n – natywny moduł korzystający z API mpg123
• Wieloplatformowość w takim samym zakresie jak nodejs
• Wymaga kompilacji modułu podczas wykonywania komendy npm
install

22. Czy muszę to konfigurować/kompilować???
• node-gyp - konfiguracja
•On Windows:
•Python (v2.7.3 recommended, v3.x.x is not supported)
•Windows XP/Vista/7:
•Microsoft Visual Studio C++ 2010 (Express version works well)
•For 64-bit builds of node and native modules you will also need the Windows 7
64-bit SDK
•If the install fails, try uninstalling any C++ 2010 x64&x86 Redistributable that
you have installed first.
•If you get errors that the 64-bit compilers are not installed you may also need
the compiler update for the Windows SDK 7.1
•Windows 7/8:
•Microsoft Visual Studio C++ 2012 for Windows Desktop (Express version works
well)

23. Konfigurować?

24. A może by tak przechowywać binarki?
Npm – przechowuje biblioteki JavaScript

25. A może tak przechowywać binarki?
• Node-pre-gyp
Features
• A command line tool called node-pre-gyp that can install your package's
c++ module from a binary.
• A variety of developer targeted commands for packaging, testing, and
publishing binaries.

26. A gdzie je przechowywać?
• Amazon S3
• Mpg123n repo (http://mpg123n.s3.amazonaws.com)

27. Npm install pobiera binarkę
• Npm install (wersja modulu /ABI/platform)
• node-pre-gyp http GET https://mpg123n.s3-us-west-
2.amazonaws.com/Release/bindings-v0.0.21-node-v11-win32-ia32.tar.gz
• node-pre-gyp http 200 https://mpg123n.s3-us-west-
2.amazonaws.com/Release/bindings-v0.0.21-node-v11-win32-ia32.tar.gz
• [mpg123n] Success: "C:Usersmarek.bedkowskiDocumentsmaracuya-
jukeboxmaracuyanode_modulesmpg123nbuildReleasebindings.node" is installed

28. Konfiguracja
• Package.json
"binary": {
"module_name": "bindings",
"module_path": "./build/Release",
"host": "https://mpg123n.s3-us-west-2.amazonaws.com",
"remote_path" : "./{configuration}/"
}

29. Podsumowanie
• Npm – zarzadzanie zależościami/biblioteki JS
• Node-gyp – buduje moduły natywne
• Node-pre-gyp – pomija proces budowania (pobiera binarkę)
• Grunt – automatyzacja zadań/buduje projekt

30. • www.maracuya-jukebox.com
• www.github.com/bendi/maracuya-jukebox

31. Pytania?

32. Dziękuję za uwagę
Marek Będkowski