# Von Express zu Total.js 5

> Was Sie in Express schreiben und was Sie in Total.js 5 für die gleiche Arbeit schreiben: Routen, Parameter, Körperschaften, Antworten, mittlere Software, statische Dateien, Cookies, Validierung, Aussichten und mehr.

Framework: total5
Product: Total.js 5 (total5@0.0.19)
Language: de
Content-SHA256: ba1bfa68ac2ed450fcd6bd3bc14ea6e63ed03307d6dcf5a20c40e0b9a4f5f6e3
Snapshot: c0700e321579725c5cf4f5ace1ad7d2866d1b4f93c24a63c0b41b6b7998e976c
Sources: total5-installed@total5@0.0.19
Review: not-recorded

Total.js ist nicht Express mit anderem Namen. Die größten Unterschiede: Ein Handler erhält **ein einziges Objekt, `$`**, statt `(req, res)`; der Body wird vom Framework anhand seines Content-Types geparst; du installierst keine Pakete für Cookies, Uploads, Validierung, Sessions, CORS, Cron oder E-Mail, weil sie Teil des Frameworks sind; und die Dateien deines Projekts werden **aus Ordnern geladen**, statt importiert zu werden (siehe die Seite zur Projektstruktur).

Die Tabelle Paare gemeinsame Express-Patern mit ihren Total.js 5 Äquivalenten.

| Aufgabe | Express | Total.js 5 |
|---|---|---|
| Server starten | `app.listen(3000)` | `Total.run({ port: 3000 })` |
| Eine Route | `app.get('/users', fn)` | `ROUTE('GET /users/', fn)` (den abschließenden Schrägstrich schreiben) |
| Pfadparameter | `app.get('/users/:id', fn)` und `req.params.id` | `ROUTE('GET /users/{id}/', fn)` und `$.params.id` |
| Query-String | `req.query.page` | `$.query.page` |
| JSON-Body | `app.use(express.json())` und `req.body` | `$.body`, anhand des Content-Types geparst |
| Request-Header | `req.headers['x-token']` | `$.headers['x-token']` |
| JSON senden | `res.json(object)` | `$.json(object)` |
| Text oder HTML senden | `res.send('text')` | `$.plain('text')` oder `$.html('<p>..</p>')` |
| Statuscode | `res.status(404).json(...)` | `$.invalid(404)` für einen Fehler, oder `$.response.status = 201` vor der Antwort |
| Response-Header | `res.set('x-a', 'b')` | `$.response.headers['x-a'] = 'b'` |
| Weiterleitung | `res.redirect('/x')` | `$.redirect('/x')` |
| Cookies | `cookie-parser`, `res.cookie(...)` | `$.cookie('name')` zum Lesen, `$.cookie('name', value, '1 day')` zum Schreiben |
| Middleware an einer Route | `app.get('/a', mw, fn)` | `MIDDLEWARE('mw', ($, next) => ...)` und `ROUTE('GET /a/ #mw', fn)` |
| Statische Dateien | `app.use(express.static('public'))` | Lege die Dateien in `public/` ab: kein Code |
| Datei herunterladen | `res.download(path, name)` | `$.file(path, name)` |
| Template | `res.render('page', model)` | `$.view('page', model)` |
| Eingabe validieren | `express-validator` oder `zod` | `input: '*email:Email, age:Number'` an einer Action |
| Fehlerseite | eine Middleware zur Fehlerbehandlung | `ROUTE('#404', fn)` und `ROUTE('#401', fn)` |
| Authentifizierung | `passport` oder `express-session` | `AUTH(fn)` und `ROUTE('+GET /private/', fn)` |
| Uploads | `multer` | das Flag `@upload` und `$.files` |
| CORS | `cors` | `CORS('https://example.com')` |
| Andere API aufrufen | `axios` oder `fetch` | `REQUEST()` und `RESTBuilder` |
| Geplante Jobs | `node-cron` | `CRON('0 9 * * 1-5', fn)` |
| E-Mail senden | `nodemailer` | `MAIL()` und `HTMLMAIL()` mit `mail_smtp` in `config` |
| WebSocket | `ws` oder `socket.io` | `ROUTE('SOCKET /chat/', fn)` |

Zu jedem Teil gibt es ein Rezept mit mehr Details; hier ist die gesamte Zuordnung an einem Ort. Das Beispiel unten ist die Total.js-Seite der Zeilen, die Code brauchen.

```js definitions/compare.js
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 });
	}
});
```

```js controllers/compare.js
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>');
}
```