Frontend & Backend

Nun, wir haben die Anwendungen herausgefunden, wir haben die grundlegende Klassifizierung vorgenommen, wir haben die Arten von Webanwendungen sortiert. Aber wie funktioniert das eigentlich?

Und hier kommen wir zu sehr wichtigen Begriffen.

Frontend und Backend

Die einfachste Veranschaulichung ist das Theater. Wir kommen zur Aufführung, wir sehen die Künstler auf der Bühne, wir klatschen ihnen zu, wir bekommen Verbeugungen als Gegenleistung. Und gleichzeitig wissen wir ganz genau, dass das Theater nicht auf den Zuschauerraum beschränkt ist und nicht mit der Bühne endet. Irgendwo werden Kostüme genäht, in der Garderobe laufen die Vorbereitungen, irgendwo gibt der Regisseur Anweisungen. All das sehen wir nicht, aber wir wissen genau, dass es da ist, und ohne all das würde das Theater nicht funktionieren können.

In ähnlicher Weise ist alles in Webanwendungen organisiert.

Es gibt eine Ebene, die wir sehen. Die Seite, die angezeigt wird, wenn wir eine Website öffnen. Diese Seite hat wahrscheinlich eine Art von Animation und sogar Schaltflächen, die man anklicken kann.

Diese sichtbare Ebene wird "Frontend" genannt. Sie umfasst alles, was sich auf der Seite des Benutzers befindet. Alles, was auf dem Bildschirm Ihres Geräts angezeigt wird. Etwas, das Sie sehen und sogar fühlen können.

Aber gleichzeitig können wir sicher sein, dass nicht alles auf das Frontend beschränkt ist. Denn auch das Frontend selbst befindet sich neuerdings weder auf dem Bildschirm noch im Speicher des Computers. Es erscheint, wenn wir uns entscheiden, eine andere Website zu öffnen und ihre Adresse in den Browser eingeben.

Wir stellen eine Anfrage zur Anzeige der Website und erhalten eine Antwort. Welche Blöcke sie hat, wo sie sich befinden, wie sie aussehen, welche Schriftarten verwendet werden. Wir drücken eine Taste und der Befehl geht an den Server, der einige Informationen berechnet, eine Antwort gibt und eine Lösung für das Problem bereitstellt. Dieses Anfrage- und Antwortsystem, Request-Response, ist der Eckpfeiler der Funktionsweise aller Webanwendungen.

Die Anfrage über das Internet geht an den Server, an die für unsere Augen unsichtbare Seite, das "Backend". Gleichzeitig enthält die Anfrage selbst auch bestimmte Informationen, sie hat einige Parameter. Anhand dieser Informationen entscheidet das Backend, welche Antwort es sendet (oder es kann höflich nicken, den Empfang der Anfrage bestätigen, aber keine weiteren Daten übermitteln).

HTTP

Das Datenübertragungsprotokoll selbst heißt HTTP - HyperText Transfer Protocol. Sie können diese 4 Buchstaben am Anfang der Adressleiste des Browsers sehen. Dies zeigt an, dass die Interaktion über das HTTP-Protokoll erfolgt. Man kann sagen, dass sich die Parteien darauf geeinigt haben, in welcher Sprache sie kommunizieren werden.

Und lassen Sie sich von dem Namen nicht täuschen. In den Anfängen des Internets wurde das Protokoll nämlich ausschließlich für Hypertext konzipiert. Das heißt, Text mit Links, mit der Möglichkeit, zu einer anderen Seite zu gehen, einen anderen Text zu erhalten. Jetzt können Sie damit beliebige Daten übertragen: lustige Bilder, Lieder, Tanzvideos von Tik-Tok.

In weiteren Modulen des Kurses werden wir uns ausführlich mit der Struktur von Anfragen und Antworten beschäftigen. Wir werden Anfragen mit Antworten erstellen, sowie die Logik für ihre Verarbeitung. In diesem Stadium reicht es aus, das Prinzip der Datenübertragung vom Frontend zum Backend und umgekehrt zu verstehen.

Datenbanken

Übrigens erscheinen die Daten selbst nicht auf magische Weise. Das Auftreten von Anfragen auf der Frontend-Seite ist leicht zu verstehen - Sie geben sie selbst ein. Aber um die Informationen an Sie weiterzuleiten, müssen Sie ihre Speicherung und Verarbeitung irgendwie organisieren.

Zu diesem Zweck arbeiten "Datenbanken" (DB). Sie speichern Daten in einer strukturierten Form. Und es gibt Systeme, die diese Daten verwalten - DBMS (Database Management System). Sie ermöglichen es, neue Daten in die Datenbank zu schreiben, Daten von dort zu holen, sie zu ändern, sie zu löschen (all dies zusammen wird mit der Abkürzung CRUD - Create, Read, Update, Delete - bezeichnet). Auch dies werden wir in zukünftigen Modulen im Detail untersuchen. Lassen Sie uns herausfinden, was Datenbanken im Allgemeinen sind, wie ihre Arbeit organisiert ist und wie einfach es ist, sie in AppMaster.io zu verwalten.