Primeiros passos com Express.js

JavaScript está assumindo a liderança no desenvolvimento da web, sua riqueza de rotinas de processamento em tempo real e a versatilidade que a acompanha a tornaram uma das linguagens de crescimento mais rápido nos últimos 5 anos.

Desde o lançamento de Node.js Muito se tem falado sobre a criação de aplicativos que utilizam uma única linguagem, e hoje isso é possível, utilizando frameworks de Front-End como AngularJS ou Backbone.js, também usando bancos de dados como MongoDB ou CouchDB e, finalmente, no lado do servidor, trabalhando com o poderoso Node.js.

Mas para trabalhar com grandes aplicativos do zero com Node.js temos que fazer muitas coisas repetitivas e complexas, é aí que entra Express.js, que nada mais é do que um framework MVC que nos ajuda a simplificar a elaboração de nossa lógica Processo interno, e contando com Node.js resulta em grandes aplicações feitas inteiramente em JavaScript.

RequisitosNossos requisitos são bastante básicos, só precisamos ter Node.js instalado e funcionando em nosso sistema, se tivermos a versão mais recente, devemos ter certeza de que também temos npm disponível que é a ferramenta que nos permitirá instalar os diferentes pacotes de que precisamos como no caso do framework, Express.js.

1. Express.js

Esta estrutura foi projetada para ter alguns recursos que foram inspirados por outras estruturas, como Trilhos ou Sinatra, isso significa que quando um desenvolvedor experiente coloca as mãos nele, ele pode se sentir confortável para lidar com conceitos que já conhece, mas com o poder de Node.js e apenas usando JavaScript a velocidade de desenvolvimento é multiplicada.

Antes de nos aprofundarmos no assunto, vamos primeiro examinar as características mais importantes do Express.js:

MínimoA ideia por trás do framework não é se envolver em outros assuntos que não sejam intermediários entre nossa aplicação e o servidor, pois isso não complica nossas vidas com milhares de componentes, mas apenas nos fornece o que é mais necessário.

FlexívelPor sua característica de ser mínimo, você obtém grande flexibilidade, já que o desenvolvedor pode escolher a forma que deseja trabalhar e pode implementar suas próprias soluções ou incorporar soluções prontas como ORM para diferentes tipos de Bases de dados.

Feito para aplicativosO propósito de Express.js é facilitar a construção de aplicações web, sejam elas páginas, serviços DESCANSO, ou mesmo aplicativos híbridos.

2. O andaime

Este é um termo que podemos ter visto a partir de Trilhos e outras estruturas, é amplamente utilizado em Express.js e nada mais é do que o framework gerando uma estrutura e código base, também chamado chapa de ebulição o que nos ajuda a iniciar nosso aplicativo.

Desta forma, podemos criar a estrutura de um projeto a partir de um comando e, assim, esquecer de ter que lembrar cada uma das pastas e arquivos básicos necessários. Obviamente, como isso é algo tão geral, muitas vezes acabamos reescrevendo muitas coisas ou criando nossas próprias pastas, mas ter um ponto de partida é perfeito.

3. Instale Express.js

A instalação do framework é bastante simples, graças às etapas que realiza npm, para instalar Express.js só temos que ir para o console de comando, onde podemos executar npm e coloque o seguinte comando:

 npm install express --save

Isto fará com que nosso sistema baixe todo o código necessário para poder gerar nossos projetos e também utilizar as diferentes ferramentas que coloca Express.js À nossa disposição, na consola veremos algo como o seguinte se a instalação foi bem sucedida.

Podemos notar que vários pacotes associados foram instalados e que a versão do Express.js no momento em que este tutorial foi escrito é o 4.11.2, aqui é importante ressaltar que a partir da versão 4 houve uma grande mudança, por isso é importante se buscarmos informações para ter certeza de que é para a versão 4 em diante.

Nosso primeiro aplicativoPara nossa primeira aplicação vamos criar uma página web com duas seções, como estamos apenas conhecendo a ferramenta, cada seção terá um pequeno texto, o importante é que teremos que criar um pequeno servidor e lidar com o solicitações de nossos usuários.

4. O servidor

A primeira coisa que devemos fazer é criar uma pasta onde nosso aplicativo irá e dentro de criar um arquivo chamado index.js, este nome é geralmente colocado como uma convenção, porém pode ser qualquer outro nome, na verdade vamos mudar as coisas e colocar o nome do nosso arquivo helloexpress.js.

Assim que tivermos nosso arquivo, começaremos incluindo expressar usando instrução exigir, com isso teremos à nossa disposição todas as ferramentas do framework, então utilizaremos os métodos definir() Y usar (), onde com o primeiro estabeleceremos a porta através da qual nosso servidor deve aguardar as conexões, e com o segundo estabeleceremos o que deve acontecer quando obtivermos um erro 404 ou 500.

Finalmente com o método ouço () faremos nosso aplicativo permanecer ativo quando executarmos nosso arquivo. Vamos ver o código abaixo:

 var express = require ('express'); var app = express (); app.set ('port', process.env.PORT || 3001); app.use (function (req, res) {res.type ( 'text / plain'); res.status (404); res.send ('404 - Not Found');}); app.use (function (function (err, req, res, next) {console.error (err. stack); res.type ('text / plain'); res.status (500); res.send ('500 - Algo está errado!');}); app.listen (app.get ('port'), function () {console.log ('Express foi iniciado em http: // localhost:' + app.get ('port') + '; pressione Ctrl-C para fechar o servidor.');});

Agora só temos que escrever o seguinte comando no console:

 node helloexpress.js

Com isso, nosso servidor irá levantar. O problema é que não veremos nada, isso é porque não estabelecemos as rotas da aplicação, mas se virmos a tela a seguir vemos que funciona porque nossa mensagem que colocamos para 404 saiu.

PROLONGAR

5. Incluindo as rotas

Para obter um resultado além da página 404 que geramos, devemos incluir rotas, o que nada mais é do que dizer ao nosso aplicativo que quando um usuário solicita uma rota com um método HTTP especificamente, um resultado que definimos é retornado, portanto, uma rota obter não é o mesmo que uma rota publicar e, portanto, ambos, apesar de estarem sob a mesma direção, podem nos dar resultados diferentes.

Então, vamos criar algumas rotas obter, este código deve ser colocado um pouco antes do código que gera o 404, então vamos modificar nosso arquivo helloexpress.js e agora deve ser o seguinte:

 var express = require ('express'); var app = express (); app.set ('port', process.env.PORT || 3001); app.get ('/', function (req, res) { res.type ('text / plain'); res.send ('Olá, bem-vindo ao meu primeiro aplicativo');}); app.get ('/ outro caminho', função (req, res) {res.type ( 'text / plain'); res.send ('Este é outro caminho de nosso aplicativo');}); app.use (function (req, res) {res.type ('text / plain'); res.status (404); res.send ('404 - Not Found');}); app.use (function (err, req, res, next) {console.error (err.stack); res.type ('text / plain '); res.status (500); res.send (' 500 - Algo está errado! ');}); app.listen (app.get (' port '), function () {console.log (' Express iniciado em http: // localhost: '+ app.get (' port ') +'; pressione Ctrl-C para desligar o servidor. ');});

Como podemos perceber o método obter recebe a rota e depois uma função anônima, dentro desta enviamos o tipo de resposta neste caso texto / simples e então enviamos o conteúdo, se executarmos nosso exemplo no navegador, finalmente obteremos algo como o seguinte:

PROLONGAR

As rotas publicar Eles funcionam de forma semelhante, só então devemos incorporar um tratamento para os parâmetros que podem ser incluídos, mas não devemos nos preocupar muito com isso neste momento. Pudemos então verificar como afetamos o resultado do que o usuário pode ver diretamente.

ImportanteAlgo que é importante observar é que toda vez que alteramos algo em nosso código, devemos fechar o aplicativo e reiniciá-lo para que as alterações tenham efeito. Esse início pode parecer muito simples e é, a ideia é que possamos nos acostumar a trabalhar de uma forma que entendamos o servidor e como ele funciona, já que desta forma podemos criar as aplicações que queremos com o código que realmente queremos e essa é a magia de Express.js.

A partir daqui, podemos começar a experimentar os tipos de respostas e o conteúdo que queremos servir, mas o verdadeiro poder vem quando começamos a implementar um mecanismo de modelo, no entanto, esse já é um tópico um pouco mais avançado neste tutorial.

Com isso terminamos este tutorial, construímos um pequeno aplicativo para dar os primeiros passos com Express.js, se tivermos conhecido Node.js vemos imediatamente que as coisas são um pouco mais diretas e simples. Mas veremos o verdadeiro poder quando começarmos a implementar outras ferramentas, como modelos ou modelos.