Från Express till Total.js 5
Total.js är inte Express under ett annat namn. De största skillnaderna: en hanterare får ett enda objekt, $, i stället för (req, res); kroppen tolkas av ramverket efter sin innehållstyp; du installerar inga paket för cookies, uppladdningar, validering, sessioner, CORS, cron eller e-post, eftersom de ingår i ramverket; och filerna i ditt projekt laddas från mappar i stället för att importeras (se sidan om projektstrukturen).
Tabellen parar vanliga Express mönster med deras Total.js 5 ekvivalenter.
| Uppgift | Express | Total.js 5 |
|---|---|---|
| Starta servern | app.listen(3000) | Total.run({ port: 3000 }) |
| En route | app.get('/users', fn) | ROUTE('GET /users/', fn) (skriv det avslutande snedstrecket) |
| Sökvägsparameter | app.get('/users/:id', fn) och req.params.id | ROUTE('GET /users/{id}/', fn) och $.params.id |
| Frågesträng | req.query.page | $.query.page |
| JSON-kropp | app.use(express.json()) och req.body | $.body, tolkad efter innehållstyp |
| Begäranshuvuden | req.headers['x-token'] | $.headers['x-token'] |
| Skicka JSON | res.json(object) | $.json(object) |
| Skicka text eller HTML | res.send('text') | $.plain('text') eller $.html('<p>..</p>') |
| Statuskod | res.status(404).json(...) | $.invalid(404) för ett fel, eller $.response.status = 201 innan du svarar |
| Svarshuvud | res.set('x-a', 'b') | $.response.headers['x-a'] = 'b' |
| Omdirigering | res.redirect('/x') | $.redirect('/x') |
| Cookies | cookie-parser, res.cookie(...) | $.cookie('name') för att läsa, $.cookie('name', value, '1 day') för att skriva |
| Middleware på en route | app.get('/a', mw, fn) | MIDDLEWARE('mw', ($, next) => ...) och ROUTE('GET /a/ #mw', fn) |
| Statiska filer | app.use(express.static('public')) | Lägg filerna i public/: ingen kod |
| Ladda ner en fil | res.download(path, name) | $.file(path, name) |
| Mall | res.render('page', model) | $.view('page', model) |
| Validera indata | express-validator eller zod | input: '*email:Email, age:Number' på en åtgärd |
| Felsida | en middleware för felhantering | ROUTE('#404', fn) och ROUTE('#401', fn) |
| Autentisering | passport eller express-session | AUTH(fn) och ROUTE('+GET /private/', fn) |
| Uppladdningar | multer | flaggan @upload och $.files |
| CORS | cors | CORS('https://example.com') |
| Anropa ett annat API | axios eller fetch | REQUEST() och RESTBuilder |
| Schemalagda jobb | node-cron | CRON('0 9 * * 1-5', fn) |
| Skicka e-post | nodemailer | MAIL() och HTMLMAIL() med mail_smtp i config |
| WebSocket | ws eller socket.io | ROUTE('SOCKET /chat/', fn) |
Varje del har ett recept med mer detaljer; det här är hela motsvarigheten på ett ställe. Exemplet nedan är Total.js-sidan av raderna som behöver kod.
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>');
}