Frontend i backend w Web3
Porównaj tradycyjne architektury aplikacji z DApps, zwracając uwagę na rolę smart kontraktów jako zdecentralizowanego backendu.
Frontend i backend w Web3 to bezpłatna lekcja Web3 & DApp Development Fundamentals na CoddyKit. To lekcja 1 z 3. Możesz przeczytać całą lekcję poniżej za darmo — a potem ćwiczyć ją interaktywnie w przeglądarce z wbudowanym edytorem kodu i tutorem AI dostępnym 24/7. To część ścieżki edukacyjnej Web3 & DApp Development Fundamentals, a Twój postęp synchronizuje się między webem a aplikacją CoddyKit. Kurs Web3 & DApp Development Fundamentals zawiera 3 lekcji w sumie.
Aplikacje tradycyjne a DAppy
Każdego dnia korzystamy z aplikacji — od mediów społecznościowych po bankowość internetową. Ale jak te aplikacje są budowane i zorganizowane?
W tej lekcji omówimy dwa główne style architektury: aplikacje tradycyjne oraz aplikacje zdecentralizowane (DAppy). Zrozumienie różnic między nimi jest kluczowe dla Web3!
Struktura tradycyjnej aplikacji
Tradycyjną aplikację można porównać do restauracji. Zwykle składa się ona z trzech głównych warstw:
- Front-end: to, co widzisz i z czym wchodzisz w interakcję, czyli sala restauracyjna.
- Back-end: „mózg”, który przetwarza żądania, czyli kuchnia.
- Baza danych: miejsce przechowywania wszystkich informacji, czyli spiżarnia.
Każda część ma określoną rolę i współpracuje z pozostałymi.
To, co widzisz: front-end
Front-end to interfejs użytkownika (UI), który widzisz i z którym wchodzisz w interakcję. Jest to strona internetowa w przeglądarce lub aplikacja na smartfonie.
Tworzy się go z użyciem technologii takich jak HTML, CSS i JavaScript w aplikacjach webowych albo Swift/Kotlin w aplikacjach mobilnych. Jego zadaniem jest wyświetlanie informacji i przesyłanie działań użytkownika, takich jak kliknięcia, do back-endu.
Rola serwera: back-end
Back-end to komponent tradycyjnej aplikacji działający po stronie serwera. To tutaj odbywa się cała złożona logika biznesowa, uwierzytelnianie użytkowników i przetwarzanie danych.
Gdy klikniesz przycisk „Login”, front-end wysyła żądanie do serwera back-endu. Back-end weryfikuje następnie dane uwierzytelniające i odsyła odpowiednie dane lub odpowiedź.
Scentralizowane bazy danych
W tradycyjnych aplikacjach dane są przechowywane w scentralizowanej bazie danych. Zwykle należy ona do pojedynczego podmiotu, takiego jak firma, który ją kontroluje i utrzymuje.
Przykładami są bazy danych takie jak MySQL, PostgreSQL czy MongoDB. Centralizacja może zapewniać większą wydajność, ale tworzy również pojedynczy punkt kontroli i potencjalnej awarii.
DAppy: zwrot ku decentralizacji
Aplikacje zdecentralizowane (DAppy) korzystają z innego podejścia architektonicznego. Nadal mają front-end, ale ich back-end i sposób przechowywania danych zasadniczo się różnią.
Zamiast polegać na jednym, scentralizowanym serwerze i jednej bazie danych, DAppy wykorzystują sieć blockchain do wykonywania podstawowej logiki oraz przechowywania danych.
Front-end DAppu: znajomy wygląd
Front-end DAppu często wygląda i działa bardzo podobnie do tradycyjnej aplikacji webowej. Nadal tworzy się go z użyciem technologii internetowych, takich jak HTML, CSS i JavaScript.
Kluczowa różnica dotyczy sposobu komunikacji. Zamiast wysyłać żądania do scentralizowanego serwera, front-end komunikuje się bezpośrednio z siecią blockchain, zwykle za pośrednictwem „biblioteki Web3” w przeglądarce.
Smart kontrakty: mózg DAppu
Oto najważniejsza zmiana architektoniczna: w aplikacjach DApp logika zaplecza jest obsługiwana przede wszystkim przez smart kontrakty.
- Smart kontrakty to samowykonujące się programy przechowywane bezpośrednio na blockchainie.
- Zawierają zasady, logikę i stan aplikacji DApp.
- Po wdrożeniu są niezmienne i działają dokładnie zgodnie z programem, bez potrzeby korzystania z centralnego serwera.
Blockchain: zdecentralizowane dane
Zamiast w centralnej bazie danych aplikacje DApp przechowują swoje kluczowe dane bezpośrednio na blockchainie. Oznacza to, że:
- Dane są rozproszone między tysiącami komputerów na całym świecie.
- Są niezmienne: po zapisaniu nie można ich zmienić ani usunąć.
- Są transparentne: każdy może je zweryfikować.
Eliminuje to potrzebę istnienia jednego podmiotu kontrolującego lub zarządzającego danymi.
Porównanie architektur
Podsumujmy najważniejsze różnice:
- Zaplecze: Tradycyjne aplikacje korzystają z centralnych serwerów, a aplikacje DApp ze smart kontraktów na blockchainie.
- Przechowywanie danych: Tradycyjne aplikacje korzystają z prywatnych, scentralizowanych baz danych, a aplikacje DApp z publicznych, rozproszonych rejestrów (blockchaina).
- Kontrola: Tradycyjne aplikacje są kontrolowane przez jedną firmę, a aplikacjami DApp zarządza kod i potencjalnie ich społeczność.
- Dostępność: Tradycyjne aplikacje mogą przestać działać w przypadku awarii serwera, natomiast aplikacje DApp są wysoce dostępne dzięki decentralizacji.
Szybkie sprawdzenie: zaplecze aplikacji DApp
Poznali Państwo podstawowe różnice między architekturą tradycyjnych i zdecentralizowanych aplikacji. Sprawdźmy Państwa wiedzę!
Podsumowanie: architektura aplikacji DApp
Świetna praca! Znają już Państwo podstawowe różnice architektoniczne między tradycyjnymi aplikacjami a aplikacjami DApp.
- Tradycyjne aplikacje korzystają ze scentralizowanych serwerów i baz danych.
- Aplikacje DApp używają smart kontraktów na blockchainie do obsługi logiki zaplecza i przechowywania danych, co umożliwia prawdziwą decentralizację i niezmienność.
To właśnie ta zmiana sprawia, że Web3 ma tak duże możliwości! Następnie przyjrzymy się bliżej temu, jak interfejsy aplikacji DApp łączą się z siecią Ethereum.
Ucz się Web3 & DApp Development Fundamentals dzięki korepetycjom AI — za darmo
Pisz i uruchamiaj kod w przeglądarce, otrzymuj natychmiastową pomoc od korepetytora AI dostępnego 24/7 i kontynuuj naukę w sieci lub w aplikacji.
- Kursy
- 29
- Lekcje
- 105
Często zadawane pytania
Czy lekcja „Frontend i backend w Web3” jest bezpłatna?
Tak — pełny tekst „Frontend i backend w Web3” jest dostępny za darmo tutaj w sieci. Aby ćwiczyć ją interaktywnie (wbudowany edytor kodu i tutor AI dostępny 24/7) i odblokować resztę kursu Web3 & DApp Development Fundamentals, przejdź na CoddyKit PRO. Kurs Web3 & DApp Development Fundamentals zawiera 3 lekcji w sumie.
Co nauczysz się w „Frontend i backend w Web3”?
Porównaj tradycyjne architektury aplikacji z DApps, zwracając uwagę na rolę smart kontraktów jako zdecentralizowanego backendu. Ćwiczysz Web3 & DApp Development Fundamentals z praktycznym kodem, który uruchamiasz bezpośrednio w przeglądarce, a tutor AI dostępny 24/7 odpowiada na Twoje pytania podczas pracy nad lekcją.
Czy potrzebuję doświadczenia, aby zacząć Web3 & DApp Development Fundamentals?
Nie wymagamy żadnego doświadczenia. Web3 & DApp Development Fundamentals w CoddyKit jest strukturyzowany dla początkujących i zaawansowanych użytkowników, więc możesz zacząć tutaj lub od początku i uczyć się w swoim tempie. To lekcja 1 z 3.
Ile czasu zajmuje lekcja „Frontend i backend w Web3”?
Większość lekcji CoddyKit trwa około 5–10 minut. Każda lekcja to mały, interaktywny krok, dzięki czemu robisz systematyczne postępy i zawsze wracasz dokładnie do tego samego miejsca — na webie i w aplikacji.
Czy mogę pisać i uruchamiać kod w tej lekcji Web3 & DApp Development Fundamentals?
Tak. Każda lekcja Web3 & DApp Development Fundamentals zawiera wbudowany edytor kodu, więc piszesz i uruchamiasz prawdziwy kod bezpośrednio w przeglądarce i od razu otrzymujesz sprzężenie zwrotne od AI — bez konfiguracji na komputerze.
Wszystkie lekcje w tym kursie
- Frontend i backend w Web3
- Łączenie z Ethereum (Web3.js/Ethers.js)
- Podstawowy przykład DApp