HTML5-Tutorium: JavaScript: Hello World Vue 05 - Versionsgeschichte

Kowa: /* src/server.js */

2025-05-23T10:38:42Z

src/server.js

← Nächstältere Version		Version vom 23. Mai 2025, 10:38 Uhr
Zeile 949:		Zeile 949:
	{ c_app.listen(PORT);		{ c_app.listen(PORT);
	db = (await fetch(DB).then(response => response.json())).v1		db = (await fetch(DB).then(response => response.json())).v1
	console.log(`Server is ~~tunning~~ on ${SERVER}`)		console.log(`Server is running on ${SERVER}`)
	}		}

2025-05-13T15:14:50Z

Backend-Server mittels Express

← Nächstältere Version		Version vom 13. Mai 2025, 15:14 Uhr
Zeile 868:		Zeile 868:
	</syntaxhighlight>		</syntaxhighlight>

	== Backend-Server mittels Express ==		=== Backend-Server mittels Express ===

	Erstellen Sie parallel zum Verzeichnis <code>frontend</code> einen Ordner <code>backend</code> und kopieren Sie die Dateien aus dem Ordner <code>express_hello_world</code> nach <code>backend</code>.		Erstellen Sie parallel zum Verzeichnis <code>frontend</code> einen Ordner <code>backend</code> und kopieren Sie die Dateien aus dem Ordner <code>express_hello_world</code> nach <code>backend</code>.
Zeile 877:		Zeile 877:
	in die Datei <code>src/db.json</code> und ersetzen Sie in dieser Datei zweimal <code>"id"</code> durch <code>"lang</code>. Den Inhalt dieser Datei geben wir nun mit Hilfe eines Express-Servers aus.		in die Datei <code>src/db.json</code> und ersetzen Sie in dieser Datei zweimal <code>"id"</code> durch <code>"lang</code>. Den Inhalt dieser Datei geben wir nun mit Hilfe eines Express-Servers aus.

	=== <code>src/server.js</code> ===		==== <code>src/server.js</code> ====

	<syntaxhighlight lang="javascript">		<syntaxhighlight lang="javascript">

2025-05-13T15:13:40Z

express_hello_world (v05d)

← Nächstältere Version		Version vom 13. Mai 2025, 15:13 Uhr
Zeile 787:		Zeile 787:
	Die Dateien <code>public/json/i18n_de.json</code> und <code>public/json/i18n_en.json</code> werden nicht mehr benötigt.		Die Dateien <code>public/json/i18n_de.json</code> und <code>public/json/i18n_en.json</code> werden nicht mehr benötigt.

	== ~~express_hello_world~~ (v05d) ==		== Benutzung von Express als Backend-Server (v05d) ==

			=== express_hello_world ===

	<syntaxhighlight lang="bash">		<syntaxhighlight lang="bash">

2025-05-13T15:13:18Z

Benutzung von Express als Backend-Server (v05d)

← Nächstältere Version		Version vom 13. Mai 2025, 15:13 Uhr
Zeile 866:		Zeile 866:
	</syntaxhighlight>		</syntaxhighlight>

	== ~~Benutzung von Express als~~ Backend-Server ~~(v05d)~~ ==		== Backend-Server mittels Express ==

	Erstellen Sie parallel zum Verzeichnis <code>frontend</code> einen Ordner <code>backend</code> und kopieren Sie die Dateien aus dem Ordner <code>express_hello_world</code> nach <code>backend</code>.		Erstellen Sie parallel zum Verzeichnis <code>frontend</code> einen Ordner <code>backend</code> und kopieren Sie die Dateien aus dem Ordner <code>express_hello_world</code> nach <code>backend</code>.

2025-05-13T15:12:09Z

Benutzung eines Backend-Servers (v05d)

← Nächstältere Version		Version vom 13. Mai 2025, 15:12 Uhr
Zeile 647:		Zeile 647:
	</syntaxhighlight>		</syntaxhighlight>

	== Benutzung eines Backend-Servers (~~v05d~~) ==		== Benutzung eines Backend-Servers (v05c) ==

	Aufgabe: Die I18N-Daten sollen von einem Backend-Server gelesen werden.		Aufgabe: Die I18N-Daten sollen von einem Backend-Server gelesen werden.

2025-05-13T14:59:02Z

main.js

@@ Zeile 596: / Zeile 596: @@
 </syntaxhighlight>
-=== <code>main.js</code> ===
+=== Initiaisierung durch <code>main.js</code> und <code>App.vue</code> ===
 Die Konfiguration in der Datei <code>main.js</code> kann nun vereinfacht werden, da das asynchrone Laden von Initialisierungsdaten in jedem Store selbst geregelt wird.
@@ Zeile 619: / Zeile 619: @@
 window.addEventListener('load', init)
 </syntaxhighlight>

2025-05-13T14:55:38Z

StoreI18n.js (v05c)

← Nächstältere Version		Version vom 13. Mai 2025, 14:55 Uhr
Zeile 461:		Zeile 461:
	</syntaxhighlight>		</syntaxhighlight>

	=== <code>StoreI18n.js</code> ~~(v05c)~~ ===		=== <code>StoreI18n.js</code> ===

	<code>StoreI18n.js</code> übernimmt die I18n-Funktionalität von <code>StoreGreeting.js</code>.		<code>StoreI18n.js</code> übernimmt die I18n-Funktionalität von <code>StoreGreeting.js</code>.

2025-05-13T14:53:27Z

main.js

@@ Zeile 562: / Zeile 562: @@
 Fügen Sie also den den Aufruf <code>storeI18n()</code> samt zugehörigem Import-Befehl in die
 Datei <code>App.vue</code> ein. (Den Fake-Initializer können Sie deaktivieren, wenn Sie wollen. Er wird nicht mehr benötigt.)
 === <code>main.js</code> ===

2025-05-13T14:51:56Z

StoreI18n.js (v05c)

← Nächstältere Version		Version vom 13. Mai 2025, 14:51 Uhr
Zeile 461:		Zeile 461:
	</syntaxhighlight>		</syntaxhighlight>

	== <code>StoreI18n.js</code> (v05c) ==		=== <code>StoreI18n.js</code> (v05c) ===

	<code>StoreI18n.js</code> übernimmt die I18n-Funktionalität von <code>StoreGreeting.js</code>.		<code>StoreI18n.js</code> übernimmt die I18n-Funktionalität von <code>StoreGreeting.js</code>.

2025-05-13T14:50:31Z

StoreI18n.js (v05c)

← Nächstältere Version		Version vom 13. Mai 2025, 14:50 Uhr
Zeile 461:		Zeile 461:
	</syntaxhighlight>		</syntaxhighlight>

	=== <code>StoreI18n.js</code> (v05c) ===		== <code>StoreI18n.js</code> (v05c) ==

	<code>StoreI18n.js</code> übernimmt die I18n-Funktionalität von <code>StoreGreeting.js</code>.		<code>StoreI18n.js</code> übernimmt die I18n-Funktionalität von <code>StoreGreeting.js</code>.