Da Express a Total.js 5
Total.js non è Express con un altro nome. Le differenze maggiori: un handler riceve un solo oggetto, $, invece di (req, res); il corpo viene analizzato dal framework in base al tipo di contenuto; non installi pacchetti per cookie, upload, validazione, sessioni, CORS, cron o email, perché fanno parte del framework; e i file del progetto vengono caricati dalle cartelle invece di essere importati (vedi la pagina sulla struttura del progetto).
Le tabelle si uniscono a modelli espressi comuni con i loro equivalenti Total.js 5.
| Compito | Express | Total.js 5 |
|---|---|---|
| Avviare il server | app.listen(3000) | Total.run({ port: 3000 }) |
| Una route | app.get('/users', fn) | ROUTE('GET /users/', fn) (scrivi la barra finale) |
| Parametro del percorso | app.get('/users/:id', fn) e req.params.id | ROUTE('GET /users/{id}/', fn) e $.params.id |
| Query string | req.query.page | $.query.page |
| Corpo JSON | app.use(express.json()) e req.body | $.body, analizzato in base al tipo di contenuto |
| Header della richiesta | req.headers['x-token'] | $.headers['x-token'] |
| Inviare JSON | res.json(object) | $.json(object) |
| Inviare testo o HTML | res.send('text') | $.plain('text') o $.html('<p>..</p>') |
| Codice di stato | res.status(404).json(...) | $.invalid(404) per un errore, oppure $.response.status = 201 prima di rispondere |
| Header della risposta | res.set('x-a', 'b') | $.response.headers['x-a'] = 'b' |
| Reindirizzamento | res.redirect('/x') | $.redirect('/x') |
| Cookie | cookie-parser, res.cookie(...) | $.cookie('name') per leggere, $.cookie('name', value, '1 day') per scrivere |
| Middleware su una route | app.get('/a', mw, fn) | MIDDLEWARE('mw', ($, next) => ...) e ROUTE('GET /a/ #mw', fn) |
| File statici | app.use(express.static('public')) | Metti i file in public/: nessun codice |
| Scaricare un file | res.download(path, name) | $.file(path, name) |
| Template | res.render('page', model) | $.view('page', model) |
| Validare l'input | express-validator o zod | input: '*email:Email, age:Number' su un'azione |
| Pagina di errore | un middleware di gestione degli errori | ROUTE('#404', fn) e ROUTE('#401', fn) |
| Autenticazione | passport o express-session | AUTH(fn) e ROUTE('+GET /private/', fn) |
| Upload | multer | il flag @upload e $.files |
| CORS | cors | CORS('https://example.com') |
| Chiamare un'altra API | axios o fetch | REQUEST() e RESTBuilder |
| Job pianificati | node-cron | CRON('0 9 * * 1-5', fn) |
| Inviare email | nodemailer | MAIL() e HTMLMAIL() con mail_smtp in config |
| WebSocket | ws o socket.io | ROUTE('SOCKET /chat/', fn) |
Ogni parte ha una ricetta con più dettagli; questa è l'intera corrispondenza in un unico posto. L'esempio qui sotto è il lato Total.js delle righe che richiedono codice.
MIDDLEWARE('mw', function($, next) {
$.response.headers['x-a'] = 'b';
next();
});
NEWACTION('Users/create', {
name: 'Create a user',
input: '*email:Email, age:Number',
action: function($, model) {
$.callback({ email: model.email, age: model.age });
}
});exports.install = function() {
ROUTE('GET /users/{id}/', user);
ROUTE('POST /users/ --> *Users/create');
ROUTE('GET /mw/ #mw', ok);
ROUTE('GET /created/', created);
ROUTE('GET /moved/', moved);
ROUTE('GET /cookie/', cookie);
ROUTE('GET /html/', html);
};
function user($) {
$.json({ id: $.params.id, page: $.query.page, token: $.headers['x-token'] });
}
function ok($) {
$.json({ ok: true });
}
function created($) {
$.response.status = 201;
$.json({ created: true });
}
function moved($) {
$.redirect('/users/1/');
}
function cookie($) {
$.cookie('visited', 'yes', '1 day');
$.json({ before: $.cookie('visited') || null });
}
function html($) {
$.html('<p>Hello</p>');
}