Web3 & DApp Development Fundamentals · Lekcja

Frontend i backend w Web3

Porównaj tradycyjne architektury aplikacji z DApps, zwracając uwagę na rolę smart kontraktów jako zdecentralizowanego backendu.

Lekcja 1 z 312 kroki

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.

Bezpłatny start

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

  1. Frontend i backend w Web3
  2. Łączenie z Ethereum (Web3.js/Ethers.js)
  3. Podstawowy przykład DApp
← Powrót do Web3 & DApp Development Fundamentals