[Unifal SACIC 2016] NodeJS: JavaScript no servidor, vantagens e oportunidades

Transcript

1. NodeJS: JavaScript no servidor Vantagens & oportunidades
2. Talysson / @talyssonoc talyssonoc.github.io
3. O problema com servidores web tradicionais
4. O problema com servidores web tradicionais @students = Student .joins(:courses) .where(courses: { name: 'Computer Science' }) .limit(1000)
5. O que os outros núcleos do CPU fazem enquanto o banco de dados é consultado?
6. Esperam.
7. Linha do tempo - 3 requests simultâneos Requisição Consulta BD Resposta Esperando Esperando Esperando Requisição Consulta BD Resposta Esperando Esperando Esperando Esperando Esperando Esperando Requisição Consulta BD Resposta Tempo total: 9s 0 3 6 7 2 1 4 5 8 9
8. o problema com servidores web tradicionais × O processo é bloqueado enquanto espera × Processador não é aproveitado no tempo ocioso × Tempo total é a soma do tempo de todas as requisições × Disponibilidade menor da aplicação
9. Qual a solução adotada para o problema em servidores tradicionais?
10. Threads
11. × Threads são computacionalmente caras × Quantidade limitada no pool de threads × São uma abstração ruim se usadas implicitamente × Difíceis de se manter escaláveis × Exemplo: servidor Apache Escalando um servidor com threads
12. Qual seria uma solução diferente para o problema?
13. Programação orientada a eventos
14. 1. Um certo evento irá acontecer 2. Uma função (chamada de callback) é criada para ser chamada quando o evento acontecer 3. O processo continua até que o evento ocorra 4. Quando ocorre, o processo para e o callback é chamado 5. Após o callback finalizar, o processamento volta para onde parou 6. Código continua até que um novo evento aconteça Programação orientada a eventos
15. Confuso?
16. programação orientada a eventos e Javascript $('.button').click(function(data) { // Esta função é o nosso callback // que espera o evento de click :) }); // O código aqui continua sendo processado // enquanto o botão não foi clicado ainda
17. programação orientada a eventos e Javascript × A comunidade JavaScript sempre usou eventos × Abstração fácil de ser aprendida e intuitiva × Sistemas baseados em eventos tem só uma thread × Esta thread é chamada de event loop × Um evento pode ser, por exemplo, “consulta ao banco de dados completa”
18. Tempo total: 7s Linha do tempo - 3 requests simultâneos com eventos Requisição [Consulta BD] Resposta Esperando Requisição [Consulta BD] Resposta Esperando Esperando Esperando Requisição [Consulta BD] Resposta 0 3 6 7 2 1 4 5 8 9
19. Não seria bom ter este sistema baseado em eventos de verdade no servidor?
20. Um cara chamado Ryan Dahl concorda com você!
25. × JavaScript rodando fora do navegador × Não é um servidor como Apache ou NGINX × Concorrência baseada em eventos × Entrada/saída não-bloqueante e assíncrona × Baixíssimo consumo de memória × Mesma linguagem no backend e no frontend NodeJS
26. var http = require('http'); var server = http.createServer(function(request, response) { response.write('Hello world'); response.end(); }); server.listen(3000); console.log('Server is listening on http://localhost:3000'); servidor simples que responde “Hello World”
27. E o poder dos eventos?!
28. var http = require('http'); var fs = require('fs'); var server = http.createServer(function(request, response) { fs.readFile('~/my_file.mkv', function(fileContent) { response.write(fileContent); response.end(); }); }); server.listen(3000); console.log('Server is listening on http://localhost:3000'); servidor simples que lê e envia um arquivo
29. var http = require('http'); var fs = require('fs'); var server = http.createServer(function(request, response) { fs.readFile('~/my_file.mkv', function(fileContent) { response.write(fileContent); response.end(); }); }); server.listen(3000); console.log('Server is listening on http://localhost:3000'); servidor simples que lê e envia um arquivo
30. var http = require('http'); var fs = require('fs'); var server = http.createServer(function(request, response) { fs.readFile('~/my_file.mkv', function(fileContent) { response.write(fileContent); response.end(); }); }); server.listen(3000); console.log('Server is listening on http://localhost:3000'); servidor simples que lê e envia um arquivo
31. var http = require('http'); var database = require('./database'); var server = http.createServer(function(request, response) { database.query('SELECT * FROM users', function(users) { response.write(users); response.end(); }); }); server.listen(3000); console.log('Server is listening on http://localhost:3000'); servidor simples que CONsulta o banco de dados
32. Sistema de módulos: CommonJS
33. × Utiliza função require para importar módulos × Utiliza module.exports para exportar módulos × Se o caminho do arquivo é relativo ou absoluto, procura o arquivo × Caso contrário, importa uma dependência ou biblioteca padrão com o nome passado sistema de módulos: CommonJS
34. user.js var user = { name: 'Mr. Anderson', codeName: 'Neo' }; module.exports = user;
35. // importa arquivo user da mesma pasta do arquivo atual var user = require('./user'); // importa arquivo loginService na pasta anterior var loginService = require('../loginService'); // importa biblioteca padrão http var HTTP = require('http'); // importa dependência mysql var mySQL = require('mysql'); application.js
36. Gerenciamento de dependências
37. × npm é o gerenciador de dependências padrão × Não tem só dependências de backend × Utiliza arquivo package.json para definir aplicação gerenciamento de dependências
38. Instalando pacote com npm > npm init # arquivo package.json criado > npm install --save express # agora é possível usar require('express') # express foi adicionado ao package.json
39. express - micro-framework para aplicações web var express = require('express'); // módulo que instalamos var database = require('./database'); var app = express(); app.get('/download_file', function(request, response) { database.query('SELECT * FROM users', function(users) { response.send(users); }); }); app.listen(3000); console.log('Server is listening on http://localhost:3000');
40. Ferramentas em linha de comando
41. × Scripts de tarefas rápidas × Processadores de código (JavaScript, CSS...) × Ferramentas de teste automatizado Ferramentas em linha de comando
42. Onde usar o NodeJS?
43. Onde usar o Node? × Aplicações web comuns × Aplicações web em tempo real (chats, por exemplo) × APIs web de alta performance × Ferramentas em linha de comando × Aplicações web isomórficas/universais
44. aplicações em tempo real
45. × Mantém a conexão aberta o tempo todo × Necessitam de um servidor robusto × Troca de mensagens entre servidor-cliente e cliente-cliente × Socket.IO é o pacote mais usado para isso × Socket.IO pode ser usado em conjunto, inclusive com o Express Aplicações em tempo real com websockets
46. aplicação simples em tempo real com socket.io var express = require('express'); var app = express(); var SocketIO = require('socket.io'); var socketApp = new SocketIO(app); // recebe uma aplicação http/express socketApp.on('connection', function(client) { // evento de nova conexão client.broadcast.emit('new_user', { // emite evento a todos os clientes message: `User ${ client.id } logged into chat :)` }); }); app.listen(3000); console.log('Server listening on http://localhost:3000');
47. Aplicações isomórficas/universais
48. × Compartilham código entre o backend e o frontend × É um tópico avançado, não nos aprofundaremos × Só é possível porque o Node é em JavaScript × Primeira vez que há esta oportunidade de compartilhamento desde um bom tempo × Tema começou a ser explorado pelo AirBnB em 2013 × Mais complexas porém com a vantagem de ter uma única linguagem principal Aplicações isomórficas/universais
49. Por onde começar?
50. Por onde começar com node? × Estude JavaScript × Repita o item anterior até entender programação assíncrona × Não use NodeJS como se fosse Ruby/PHP/Java × Aprenda o sistema de módulos (CommonJS) × Aprenda a usar o npm e as dependências × Estude como fazer um sistema web com o Express × Não use MongoDB até que saiba explicar o porquê
51. Quem usa Node?
52. Quem usa Node? × Netflix × AirBnB × Walmart × PayPal × Trello × Westfield × Uber × Globo × Codeminer42 × Sprinklr × Lambda3 × Pling × Qualquer empresa onde há frontends
53. perguntas?
54. Obrigado!