Z Express na Total.js 5
Total.js nie je Express s iným názvom. Najväčšie rozdiely: obsluha dostáva jeden objekt $ namiesto (req, res); telo požiadavky spracuje framework podľa jeho typu obsahu; neinštalujete balíky pre cookies, nahrávanie, validáciu, relácie, CORS, cron ani e-mail, pretože sú súčasťou frameworku; a súbory projektu sa načítavajú z priečinkov namiesto importovania (pozrite stránku o štruktúre projektu).
Tabuľka páruje bežné expresné vzory s ich Total.js 5 ekvivalentov.
| Úloha | Express | Total.js 5 |
|---|---|---|
| Spustenie servera | app.listen(3000) | Total.run({ port: 3000 }) |
| Routa | app.get('/users', fn) | ROUTE('GET /users/', fn) (napíšte koncové lomítko) |
| Parameter cesty | app.get('/users/:id', fn) a req.params.id | ROUTE('GET /users/{id}/', fn) a $.params.id |
| Reťazec dotazu | req.query.page | $.query.page |
| Telo JSON | app.use(express.json()) a req.body | $.body, spracované podľa typu obsahu |
| Hlavičky požiadavky | req.headers['x-token'] | $.headers['x-token'] |
| Odoslanie JSON | res.json(object) | $.json(object) |
| Odoslanie textu alebo HTML | res.send('text') | $.plain('text') alebo $.html('<p>..</p>') |
| Stavový kód | res.status(404).json(...) | $.invalid(404) pre chybu, alebo $.response.status = 201 pred odpoveďou |
| Hlavička odpovede | res.set('x-a', 'b') | $.response.headers['x-a'] = 'b' |
| Presmerovanie | res.redirect('/x') | $.redirect('/x') |
| Cookies | cookie-parser, res.cookie(...) | $.cookie('name') na čítanie, $.cookie('name', value, '1 day') na zápis |
| Middleware na route | app.get('/a', mw, fn) | MIDDLEWARE('mw', ($, next) => ...) a ROUTE('GET /a/ #mw', fn) |
| Statické súbory | app.use(express.static('public')) | Súbory dajte do public/: žiadny kód |
| Stiahnutie súboru | res.download(path, name) | $.file(path, name) |
| Šablóna | res.render('page', model) | $.view('page', model) |
| Validácia vstupu | express-validator alebo zod | input: '*email:Email, age:Number' na akcii |
| Chybová stránka | middleware na spracovanie chýb | ROUTE('#404', fn) a ROUTE('#401', fn) |
| Autentifikácia | passport alebo express-session | AUTH(fn) a ROUTE('+GET /private/', fn) |
| Nahrávanie súborov | multer | príznak @upload a $.files |
| CORS | cors | CORS('https://example.com') |
| Volanie iného API | axios alebo fetch | REQUEST() a RESTBuilder |
| Naplánované úlohy | node-cron | CRON('0 9 * * 1-5', fn) |
| Odoslanie e-mailu | nodemailer | MAIL() a HTMLMAIL() s mail_smtp v config |
| WebSocket | ws alebo socket.io | ROUTE('SOCKET /chat/', fn) |
Každá časť má recept s ďalšími podrobnosťami; toto je celé mapovanie na jednom mieste. Príklad nižšie je strana Total.js pre riadky, ktoré potrebujú kód.
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>');
}