WEB-1_Node.JS.pdf

Prévia do material em texto

Node.JS
JavaScript no Servidor
Israel Nascimento e Rodrigo Rodrigues
UFRRJ - Universidade Federal Rural do Rio de Janeiro
Node.JS - UFRRJ
1. Introdução
2. Instalação
3. NPM - Node Package Manager
4. Primeiro Projeto em Node
5. Express
1
Introdução
O que é Node JS?
Node JS é um interpretador JavaScript criado para utilizar todo o
poder do JavaScript no lado do servidor, ou seja, pode ser criada
toda uma aplicação JavaScript rodando diretamente do servidor.
O Node.JS utiliza o JavaScript V8 engine do Google Chrome.
2
Por que Node.JS?
- Node.JS usa todo o poder do JavaScript em aplicações no servidor,
gerando assim uma velocidade maior que as outras linguagens que
prometem fazer função similar.
- É versátil e roda em qualquer plataforma
- Seu gerenciador de pacotes, o NPM, oferece diversos pacotes
prontos para uso, o que agiliza a produção.
3
Instalação
Node.JS
- O Node.JS é bem versátil e roda em diferentes sistemas:
• Windows
• Linux
• Mac OS X
Nesse tutorial, aprenderemos como instalar de maneira fácil e
prática o Node.JS no windows e no Linux.
4
No Windows
- No windows, a instalação pode ser feita por meio do WIndows
Installer (instalar um arquivo .exe) ou por meio do CMD.
Pelo CMD
Utilize o comando scoop install nodejs
Pelo Windows Installer
Em https://nodejs.org/en/download/, selecione a opção Windows
Installer e inicie download.
Quando concluído, abra o arquivo e siga o passo a passo de
instalação até o final.
5
No linux
- No linux, a instalação pode ser feita pelo arquivo tar.gz ou pelo
terminal. Nesse tutorial, você aprenderá a instalar pelo terminal
Primeiro passo
Abra o terminal (ctrl+alt+T)
Segundo passo
Digite sudo apt-get install -y nodejs
e pronto, o node deverá ser instalado sem problema algum
6
Teste se funcionou
- Ao final da instalação, tanto no Windows quanto no Linux, você
precisará testar se tudo correu bem.
Para isso, você precisa ir em seu terminal (ou CMD) e digitar 2
códigos.
Primeiro código: node -v
Esse código deve te retornar o número da versão do node instalada
na sua máquina.
Segundo código: npm -v
E esse código retorna a versão do Package Manager do node
instalada na sua máquina
7
Teste se funcionou
Se tudo der certo, os comandos devem retornar informações
similares
8
NPM - Node Package Manager
Node Package Manager
Node Package Manager(Gerenciador de pacotes do NodeJS)
-Repositório online para publicação de código javascript e um
utilitário de linha de comando, que interage com esse repositório e
facilita o desenvolvimento em node.
-Quando se faz download do node, o NPM ja é automaticamente
instalado, sendo assim, não é necessário baixa-lo separadamente.
-Segundo o site oficial, atualmente existe cerca de 475 mill pacotes
publicados, que facilitam o desenvolvimento javascript.
9
Primeiro Projeto em Node
Primeiro Projeto em Node
Para iniciar um novo projeto em node, basta navegarmos pelo
terminal até a pasta de nossa preferência, e após rodar o comando
npm init.
Após isso, ele irá pedir diversas configurações(coisas como nome do
projeto, descrição, autor, licensa, repositório…). Após preencher
tudo, será perguntado se está tudo certo.
10
Primeiro Projeto em Node
11
Primeiro Projeto em Node
-Com um editor de sua preferência, vamos criar um arquivo
chamado index.js
-Precisamos fazer um servidor web ”escutar” as requisicões. Para
isso, vamos utilizar uma biblioteca que ja vem nativamente com o
NodeJS, chamada ”http”.
-Para utilizar essa biblioteca vamos escrever a seguinte linha de
código:
var http = require(’http’);
A função ”require” importa tudo que precisamos dessa biblioteca
12
Primeiro Projeto em Node
-Vamos subir o servidor. Para isso, basta ir no terminal até a pasta
do seu projeto e executar o comando: node index
Se formos no navegador, verificamos que a página não está
disponível. Isso porque ainda falta algumas configuração no http.
Vamos primeiro criar o servidor com a função createServer.
server = http.createServer(function(req,res){ });
Agora vamos configurar qual a porta que o nosso servidor vai
”ouvir”: server.listen(3000);
Agora, vamos novamente ao terminal e subir o servidor: node index.
Para finalizar o servidor, pressione CTRL+C no terminal
13
Primeiro Projeto em Node
-Indo no navegador, vamos tentar acessar o endereço
localhost:3000
-Verificamos que agora o navegador fica tentando acessar esse
endereço, mas não recebe nenhuma resposta. Óbvio, não
configuramos as requisições…
-Para configurar isso, na função createServer, vamos passar como
parâmetro uma função. Essa função recebe como parâmetro tanto a
requisição, como a resposta.
14
Primeiro Projeto em Node
-Feito isso, podemos escrever dentro dessa função:
res.end(”Hello World!”);
-Ou se preferir, enviar um código HTML
res.end(”<html><body><h1>Hello World!</h1></body></html>”);
15
Primeiro Projeto em Node
-Seu código final vai ficar algo parecido com:
16
Express
Utilizando o express
Se lembram do NPM? Você já sabe que ele é um utilitário que facilita
o desenvolvimento de aplicações node, mas até agora só
inicializamos um projeto com ele.
Vamos utilizar o NPM agora para baixar um dos módulos mais
populares do mundo nodejs, o express, que facilita o
desenvolvimento HTTP com node. Para se ter uma pequena noção
de popularidade:
17
Utilizando o Express
Iniciaremos um novo projeto node, em um diretório a sua escolha.
Para isso, novamente vamos utilizar o comando npm init
Após ter feito a configuração inicial do projeto, vamos utilizar o
comando
npm install express -save
18
Utilizando o Express
19
Utilizando o Express
O comando -save facilita o desenvolvimento em time, ao colocar o
express como uma dependência no package.json
20
Utilizando o Express
Assim como no http, vamos ”requerir” a biblioteca do express.
var express = require(’express’);
Após isso, precisamos invocar a função que o express está
guardando:
var app = express();
Feito isso, podemos chamar a função listen, que fica na variável app
app.listen(3000);
Se tentarmos rodar no servidor veremos o seguinte erro:
21
Utilizando o Express
Isso acontece porque não configuramos a rota. Para configurar a
rota, basta utilizarmos:
app.get(”/”, function(req, res) {});
Verificamos a mesma coisa que aconteceu quando utilizamos a
biblioteca http. O navegador envia a requisição mas não recebeu a
resposta.
22
Utilizando o Express
Para receber a resposta, basta fazer:
res.send(’Hello World’);
Assim como quando utilizamos a biblioteca http, também se pode
utilizar html na resposta.
res.send(”<html><body><h1>Hello World!</h1></body></html>”);
23
Utilizando o Express
É bem chato ficar a cada requisição enviar um HTML como string, por
isso o express usa um sistema de views. Não iremos nos aprofundar
muito aqui, mas a view engine que mais gostei de utilizar com o
express foi o EJS, por sua simplicidade e o fato de ser bem parecida
com PHP. Caso queira dar uma olhada http://www.embeddedjs.com/
Outra coisa do express, é a facilidade de desenvolver diferentes
rotas. Por exemplo, caso queira a rota ”/lab/web”, basta utilizarmos:
app.get(”/lab/web”, function(req, res) {
res.send(”<html><body><h1>Laboratório de
web!</h1></body></html>”); });
24
Utilizando o Express
Seu código final deve ficar algo parecido com isso:
25
Utilizando o Express
O express também aceita verbos HTTP, como por exemplo post. Para
isso, basta fazer:
app.post(...)
Além do express, como ja mencionamos, existem cerca de 475 mil
pacotes a serem explorados no npm. Alguns dos mais interessantes:
-mysql -> Fazer conexão com um banco de dados MySQL
-mongodb -> Fazer conexão com umbanco de dados MongoDB
(NoSQL)
-nodemon -> Reinicializar automaticamente o servidor a cada
modificação
-Socket.IO -> Fazer conexão via socket com o nodejs
-Mocha -> Testes automatizados
-Entre outros...
26
Fim
Rodrigo Rodrigues - rodsr98@gmail.com
Israel Nascimento -
dev.israelnascimento@gmail.com
26
	Introdução
	Instalação
	NPM - Node Package Manager
	Primeiro Projeto em Node
	Express