Método Express.js app.router()
Express.js é uma estrutura flexível da web Node.js que fornece um conjunto de recursos para aplicativos móveis e da web. O Express tem vários métodos fornecidos por muitos desenvolvedores e um dos métodos do Express é o Roteador, que é usado para desviar o usuário para diferentes páginas do site a pedido.
Sintaxe:
express.Router([options]);
Parâmetro: esta função aceita os seguintes parâmetros:
- caseSensitive: Habilita a distinção entre maiúsculas e minúsculas, significa que se a rota é '/ contact', não significa que é o mesmo que '/ Contact', '/ contact' etc. por padrão Ignora a distinção entre maiúsculas e minúsculas.
- mergeParams: Este recurso está disponível na versão expressa 4.5.0 e superior. Você precisa passar mergeParams como verdadeiro se quiser acessar os parâmetros da rota primária através da rota secundária.
- estrito: ativa o roteamento estrito, isso significa que se a rota for '/ sobre', não significa que seja igual a '/ sobre /' por padrão, é o oposto.
Configuração do projeto e instalação do módulo:
Etapa 1: Você pode visitar o link para Instalar o módulo expresso . Você pode instalar este pacote usando este comando.
npm install express
Etapa 2: Depois de instalar o módulo expresso, você pode verificar sua versão expressa no prompt de comando usando o comando.
npm version express
Passo 3: Depois disso, você pode apenas criar uma pasta e adicionar um arquivo, por exemplo, index.js. Para executar este arquivo, você precisa executar o seguinte comando.
node index.js
Estrutura do projeto: terá a seguinte aparência.
Estrutura do Projeto
Nome do arquivo- index.js:
// Requiring module
const express = require('express');
const app = express();
// Port number
const port = process.env.PORT || 4000;
// import router which is exported
// in app.js file
const route = require('./routes/app.js');
// When a request comes from /result
// route.It divert to app.js
app.use('/result', route);
var visit_link = "<a" + " href=" + "/result"
+ 'style="color:green;"'
+ '"text-decoration:none;"'
+ '"text-size:20px" + ">"'
+ "Hello Geeks" + "</a>"
+ "<br> <br> Click Hello Geeks";
// Handling GET Request '/'
app.get('/', function(req, res) {
// Sending the html code as a string
res.send(visit_link);
});
// Server setup
app.listen(port, function(req, res) {
console.log("listen");
});
Método Router() no Express: quando seu aplicativo da web ou móvel tem muitas rotas, um desenvolvedor não consegue manter a legibilidade, limpeza, consistência e correção do código mantendo todas as rotas em um arquivo. Assim, express Developer vem com uma ideia maior e introduz um método chamado Roteador que ajuda o desenvolvedor a manter todos os requisitos.
Neste projeto de exemplo, quando o usuário clica em Hello Geeks, ele é redirecionado para http: // locahost: 4000 / result. Quando a solicitação contém a rota '/ result', o servidor executa o arquivo app.js que está dentro da pasta routes.
Nome de arquivo app.js
// Requiring module
const app = require('express')
// Initiate router
const router = app.Router();
// Path Module
const path = require('path');
// Handling GET Request
router.get('/',function(req,res) {
res.sendFile(path.dirname(__dirname)
+ "/index.html")
})
// Exporting router variable
module.exports = router;
Nome do arquivo- index.html:
Após a execução completa do arquivo app.js, ele envia um arquivo HTML para aquela rota específica e o mostra no navegador.
<!DOCTYPE html>
<html>
<body>
<img style="margin-left:auto; margin-right:auto;
display: block;width: 50%;" src=
"https://media.geeksforgeeks.org/wp-content/uploads/geeksforgeeks-15.png"
alt="geeksforgeeks" width="500" height="250">
</body>
</html>
Etapa para executar o aplicativo: Execute o arquivo index.js usando o seguinte comando:
node index.js
Saída: Agora abra o navegador e vá para http: // localhost: 4000 / , você obterá a seguinte saída.
Modelo de trabalho deste projeto
Referência: https://expressjs.com/en/5x/api.html#express.router
As postagens do blog Acervo Lima te ajudaram? Nos ajude a manter o blog no ar!
Faça uma doação para manter o blog funcionando.
70% das doações são no valor de R$ 5,00...
Diógenes Lima da Silva