08 Mar Express.js
Express.js est un framework pour construire des applications web en Node.js.
Instalation du express.js:
npm install express
Exemple d’un code:
/* Nom du fichier server.js */
var express = require('express');
var app = express();
app.get('/', function(req, res) {
res.setHeader('Content-Type', 'text/plain');
res.end("Page d'accueil");
});
app.listen(8080);
Les routes:
/* Lien symple*/
app
.get('/', function(req, res) {
res.setHeader('Content-Type', 'text/plain');
res.end("Page d'accueil");
})
.get('/a-propos', function(req, res) {
res.setHeader('Content-Type', 'text/plain');
res.end('Page à propos');
});
/* Lien dynamique */
app.get('/article/:idArticle/slug', function(req, res) {
res.setHeader('Content-Type', 'text/plain');
res.end("ID de l'article est " + req.params.idArticle);
});
Utilisation des Templates:
On va travailler avec le langage de Template EJS (Embedded JavaScript)
- La première chose il faut installer EJS
npm install ejs
- Exemple d’une page
/*
Deux façon pour ecrire Soit function(req, res) ...
*/
app.get('/article/:idArticle/slug', function(req, res) {
res.render('contact.ejs', {ID: req.params.idArticle});
});
/*
Ou (req, res)=> ...
*/
app.get('/article/:idArticle/slug', (req, res)=> {
res.render('contact.ejs', {ID: req.params.idArticle});
});
/*
NB: on doit mettre le fichier "contact.ejs" dans un dossier "views"
Contenu de la page contact.ejs
<h1>Page de contact</h1>
*/
/*
Affichage de la variable ID dans la view
<%= ID %>
*/