Jeśli kiedykolwiek korzystałeś ze strony internetowej w epoce nowożytnej, na pewno zastanawiałeś się nad jej budową i rozwojem. Ludzie często słyszeli terminy frontend i backend związane z tworzeniem stron internetowych. Jednak rzadko rozumieją, co naprawdę oznaczają te terminy.

Mówiąc prościej, frontend definiuje interfejs użytkownika i klikalne komponenty strony internetowej, które widzisz w przeglądarce. Z drugiej strony backend strony składa się z kilku komponentów, dzięki którym strona działa płynnie, takich jak serwer, aplikacja i dobrze zdefiniowana baza danych.

Dlatego backend strony internetowej jest jednym z najważniejszych elementów strony internetowej i pełni rolę szkieletu strony internetowej, podczas gdy frontend jest jedynie perspektywą stworzoną dla użytkowników.

Backend strony internetowej to miejsce, które zawiera wszystkie dane i istotne informacje, które mają być pokazane odwiedzającym za pomocą przeglądarki. Frontend strony internetowej to tylko sposób, w jaki informacje są prezentowane użytkownikom i pobiera wszystko, od zaplecza do wyświetlania w przeglądarkach użytkowników. Poniższy obraz przedstawia tę koncepcję wizualnie:

(Źródło zdjęcia: technologia 3NY)

Jak działa backend

Jak działa backend? Jest również znany jako strona serwerowa witryny i wymaga czegoś więcej niż tylko projektowania, aby działać poprawnie. Zanim przejdziesz dalej, musisz zrozumieć, czym tak naprawdę jest strona serwerowa witryny.

Oto trzy podstawowe elementy strony serwera po stronie serwera. Musisz to zrozumieć, zanim spróbujesz zrozumieć, jak działa backend. Komponenty te są faktycznie odpowiedzialne za obsługę wszystkich zapytań przychodzących z frontendu i wysyłanie z powrotem odpowiednich odpowiedzi i zestawów danych do wyświetlenia w przeglądarce dla użytkowników.

• Serwer
• Aplikacja
• Baza danych

Co to jest serwer?

Czym właściwie jest serwer? Musiałeś słyszeć ten termin kilka razy w swoim życiu, ponieważ jest to obecnie jedno z najpopularniejszych terminów używanych w świecie komputerowym. Czy jednak rozumiesz, czym jest serwer i jak działa, aby wszystko działało płynnie?

Podstawowym celem serwera jest obsługa wszystkich przychodzących żądań, a serwer jest w zasadzie komputerem odpowiedzialnym za obsługę wszystkich przychodzących żądań w odniesieniu do działań użytkownika i kliknięć na interfejsie.

Tak więc, gdy klikniesz coś na stronie internetowej, przygotowuje zapytanie w formie tekstowej i odsyła je z powrotem do serwera, innego komputera odpowiedzialnego za obsługę przychodzących zapytań i odsyłanie odpowiedniego zestawu informacji do Twoich celów.

Ta maszyna serwerowa posiada wszystkie informacje w bazach danych i jest w stanie obsłużyć wiele żądań jednocześnie. W dzisiejszych czasach ludzie często używają komputerów zaprojektowanych specjalnie do użytku jako serwery. Możesz jednak zamienić dowolny podłączony komputer w serwer dla swojego zaplecza internetowego bez żadnych problemów.

Co to jest aplikacja?

Drugą najważniejszą częścią backendu internetowego jest aplikacja. Co właściwie robi ta aplikacja i jak pomaga w podstawowych funkcjach mechanizmu po stronie serwera? Komputer serwera może obsługiwać żądania, ale potrzebuje logicznego mózgu, który potrafi zrozumieć przychodzące żądanie i przełożyć je na zestaw wymagań. Dlatego wszystkie maszyny serwerowe mają różne aplikacje dla różnych stron internetowych odpowiedzialnych za obsługę żądań HTTPS dla tego serwera.

Podstawową funkcją tych aplikacji jest zrozumienie logiki poleceń tekstowych i reagowanie na tę logikę, wysyłając odpowiedni zestaw informacji. Aplikacje te służą jako pośrednicy między frontendem a serwerami po stronie serwera.

Przekładają one odebrane żądania przychodzące na zestaw wymagań i komunikują je z samym serwerem. Po otrzymaniu zatwierdzenia i uwierzytelnienia z serwera, aplikacje te pobierają żądane dane z bazy danych i odsyłają je z powrotem do frontendu w odpowiedniej formie.

Co to jest baza danych?

Baza danych to kolejny popularny termin, który w niedalekiej przeszłości musiałeś słyszeć przynajmniej setki razy w swoim życiu. Jednak czy rozumiesz, czym jest baza danych i jej podstawowe funkcje jako obiekt po stronie serwera?

Baza danych to zbiór wszystkich różnych informacji przechowywanych na komputerze lub serwerze. Baza danych składa się z różnych tabel z odpowiednimi nazwami kolumn. Te tabele zawierają informacje, które są używane do wypełniania różnych pól i komponentów w interfejsie dowolnej witryny.

Bazy danych zawierają wszystkie informacje, jakie kiedykolwiek otrzymano dla dowolnej strony internetowej lub aplikacji, i są to centra podzielonych informacji, które są później wykorzystywane do różnych celów. Baza danych jest również znana jako element konstrukcyjny dowolnej aplikacji internetowej lub witryny internetowej, ponieważ pomaga to zapewnić platformę do trwałego zapisywania danych w pamięci maszyny po stronie serwera.

Przetestuj SEO i wydajność swojej witryny w 60 sekund!

Dobry projekt witryny ma kluczowe znaczenie dla zaangażowania użytkowników i konwersji, ale powolna witryna lub błędy wydajności mogą sprawić, że nawet najlepiej zaprojektowana witryna internetowa będzie działać gorzej. Diib to jedno z najlepszych na świecie narzędzi do monitorowania wydajności i SEO. Diib wykorzystuje moc big data, aby szybko i łatwo zwiększyć ruch i rankingi. Jak widać w Przedsiębiorcy!

• Łatwe w użyciu automatyczne narzędzie SEO
• Monitorowanie słów kluczowych i linków zwrotnych + pomysły
• Zapewnia szybkość, bezpieczeństwo, + śledzenie Core Vitals

• Inteligentnie sugeruje pomysły na poprawę SEO
• Ponad 250 000 000 członków na całym świecie
• Wbudowane testy porównawcze i analiza konkurencji

Na przykład „www.diib.com”

Zarejestruj się za darmo

Używany przez ponad 250 tys. firm i organizacji:

• 
• 
• 
• 

Synchronizuje się z

Jak serwer odpowiada na przychodzące żądanie?

Teraz, gdy rozumiesz już trzy najbardziej podstawowe elementy strony po stronie serwera, musisz zrozumieć, jakie są różne rodzaje odpowiedzi, które serwer może wysyłać z powrotem na przychodzące żądania.

Jedną z najpopularniejszych form odsyłania danych do użytkownika jest format pliku JSON. Nie można oczekiwać, że serwer zbierze wszystko z bazy danych i odeśle z powrotem do frontendu. Dane muszą być w odpowiednim formacie, który będzie łatwo zrozumiały przez kodowanie frontendowe i odpowiednio wyświetlane w przeglądarce użytkownika.

Dlatego, gdy aplikacja przeanalizuje przychodzące zapytanie i zatwierdzi wymianę danych, serwer odsyła dane z powrotem w postaci formatu JSON w pliku HTML, który jest później przetwarzany na różne obiekty dla przeglądarki użytkownika. Tak wygląda format JSON:

Jakie inne rzeczy powinieneś wiedzieć o witrynie po stronie serwera?

Chociaż strona serwera jest jednym z najważniejszych elementów witryny, powinieneś wiedzieć, że serwer nie może inicjować żadnych odpowiedzi bez odpowiednich żądań. Dlatego strona serwera służy jako drugorzędny element w tworzeniu strony internetowej i wymaga odpowiedniego przychodzącego żądania, aby zebrać i wysłać dane z powrotem do frontendu.

Powinieneś również wiedzieć, że kod zaplecza musi odpowiadać na każde przychodzące żądanie. Nawet jeśli w bazie danych nie ma nic do odesłania do frontendu, kod backendu nadal będzie musiał wysłać „kod stanu 404”, informujący użytkowników, że nie ma nic w odpowiedzi na ich zapytania. Wszystkie serwery są zaprojektowane tak, aby odpowiadać na przychodzące żądania taką lub inną odpowiedzią. Tak będzie wyglądał kod stanu 404:

Inną rzeczą związaną z kodowaniem strony internetowej po stronie serwera jest to, że może ona wysłać tylko jedną odpowiedź na żądanie. Jeśli zacznie wysyłać więcej odpowiedzi na jedno żądanie, skończy się to błędami, a Twoja witryna nie będzie działać poprawnie.

Jak frontend komunikuje się z serwerem?

Teraz, gdy rozumiesz, jak działa strona serwera i różne komponenty po stronie serwera, musisz zrozumieć, w jaki sposób frontend komunikuje się ze stroną serwera. Jeśli chcesz

zrozumieć, jak działa backend, będziesz musiał zrozumieć, w jaki sposób żądanie jest generowane z frontendu i wysyłane z powrotem po stronie serwera.

Tworzenie żądania z The Frontend

Weźmy za przykład witrynę restauracji, w której przeglądasz różne opcje menu i chcesz zamówić swoje ulubione danie z menu z dostawą do domu. Co robisz?

Klikasz konkretną potrawę w przeglądarce i czekasz, aż otworzy się nowa strona, na której możesz wybrać opcje boczne i kliknąć przycisk kasy, aby zamówienie zostało dostarczone na Twój adres domowy. Możesz jednak nie wiedzieć, że po kliknięciu pozycji menu na stronie głównej witryna wysyła żądanie z powrotem do serwera w celu uzyskania wszystkich istotnych informacji dotyczących wybranej strony.

Do pamięci ładowana jest tylko jedna strona na raz, a Twoja witryna musi komunikować się z serwerem za każdym razem, gdy tworzone jest nowe żądanie. Tak więc, gdy klikniesz na swoje ulubione danie, frontend generuje żądanie GET dla pożądanego produktu w następującej formie:

https://www.fancyrestaurant.com/dishes/123456

Poproś o przybycie po stronie serwera

Słowo kluczowe GET w żądaniu wskazuje, że frontend pyta tylko o dane i nie wymaga żadnych modyfikacji w rzeczywistej bazie danych. /dishes/123456 wskazuje, że klient szuka czegoś w daniach o unikalnym identyfikatorze 123456. Żądanie to jest odsyłane po stronie serwera, a po stronie serwera zaczyna analizować to przychodzące żądanie w celu znalezienia odpowiednich danych i wysłania z powrotem do frontendu.

Gdy strona serwera odbiera przychodzące żądanie, aplikacja analizuje to żądanie GET i zaczyna szukać unikalnego identyfikatora 123456 w folderze Dania. Niektóre ze starszych praktyk nadal korzystają z systemu baz danych opartego na plikach. Jednak nowoczesne praktyki tworzenia stron internetowych wymagają dobrze zoptymalizowanego systemu baz danych, takiego jak SQL, MySQL, MongoDB itp.

Te bazy danych są dobrze zoptymalizowane, aby szybko filtrować odpowiednie informacje i wysyłać je z powrotem do frontendu w ciągu milisekund. W każdym przypadku aplikacja identyfikuje wymagania z frontendu i zaczyna wyszukiwać odpowiednie informacje z bazy danych.

Wysyłanie informacji z powrotem do frontendu

Wymagane informacje mogą być w różnych formatach określonych przez twórców stron internetowych. Aplikacja może być zmuszona do połączenia różnych kolumn i fragmentów informacji w formacie JSON przed wysłaniem ich z powrotem do interfejsu.

Oznacza to, że nazwa, cena, danie, opcje boczne i inne istotne szczegóły Twojej ulubionej potrawy mogą być przechowywane w różnych kolumnach, a od aplikacji zależy połączenie wszystkiego w plik JSON i przygotowanie go na frontend. .

Jeśli aplikacja nie znajdzie niczego w swojej bazie danych, szybko odeśle „kod stanu 404” wskazujący, że w bazie danych nie ma nic takiego, a użytkownicy zobaczą kod błędu „Nie znaleziono strony” w swoich przeglądarkach .

Z drugiej strony, jeśli rzeczywiście istnieją informacje dotyczące Twojej ulubionej potrawy, odpowiedni plik JSON będzie zawierał kod statusu HTTP 200, co oznacza, że ​​żądanie pobrało odpowiednie informacje po stronie serwera. Na przykład:

Te informacje są wysyłane z powrotem do frontendu w formacie pliku JSON. Przeglądarki rozumieją, jak uzyskać odpowiednie informacje z pliku JSON i wyświetlić je w różnych kategoriach i komponentach na interfejsie witryny. Transakcja zakończona.

Jak rozwijana jest strona serwera?

Jeśli kiedykolwiek zatrudniłeś kogoś do opracowania swojej witryny, musiałeś skontaktować się z projektantem frontendu, który zrozumiał Twoje specyficzne wymagania dotyczące różnych przycisków i funkcji graficznych wyświetlanych użytkownikom.

Jednak programowanie po stronie serwera różni się nieco od programowania frontendowego i wymaga innego zestawu umiejętności. Oto niektóre z najczęstszych kroków stosowanych przy opracowywaniu strony serwerowej dla Twojej witryny.

Konfiguracja serwera

Pierwszą rzeczą, jaką zrobi każdy programista, jest skonfigurowanie odpowiedniego serwera dla Twojej witryny. Oznacza to, że wszystkie przychodzące zapytania muszą być kierowane do komputera, który zrozumie podstawowy cel zapytania i odeśle odpowiedni wynik do użytkowników.

Co więcej, ten serwer jest również odpowiedzialny za przechowywanie wszystkich informacji dotyczących Twojej odpowiedniej witryny. Zachowa wszystkie różne obrazy, pliki i dane wyświetlane na interfejsie witryny.

Zwykle, gdy zatrudniasz programistę internetowego do skonfigurowania strony serwera, korzysta on z serwera oferowanego przez Twoją firmę hostingową. Twórcy stron internetowych skonfigurują serwer do obsługi określonych żądań z unikalnego adresu IP Twojej witryny, a także skonfigurują łącze między frontendem a stroną serwera.

Konfigurowanie aplikacji

Teraz, gdy serwer jest gotowy i gotowy, następną rzeczą do zrobienia jest skonfigurowanie odpowiedniej aplikacji, która będzie obsługiwać wszystkie przychodzące zapytania i komunikować się z frontendem w imieniu serwera. Ta aplikacja będzie odpowiedzialna za zrozumienie przychodzących żądań z frontendu i odesłanie odpowiednich informacji z bazy danych.

Deweloperzy po stronie serwera są dobrze zorientowani w sztuce tworzenia dostosowanych aplikacji, które są zaprojektowane do obsługi odpowiednich żądań HTTPS i innych żądań z Twojego interfejsu. Te aplikacje nie wymagają wiele i są dość proste w konfiguracji, ponieważ muszą jedynie zweryfikować autentyczność żądań przychodzących z frontendu i odesłać odpowiednie dane w określonym formacie.

Mamy nadzieję, że ten artykuł okazał się przydatny.

Jeśli chcesz dowiedzieć się więcej o kondycji swojej witryny, uzyskać osobiste rekomendacje i alerty, przeskanuj swoją witrynę przez Diib. Zajmuje to tylko 60 sekund.

Wejdź na swoją stronę internetową

Na przykład „www.diib.com”

Zarejestruj się za darmo

Uważam, że Diib jest bardzo pomocny w wyjaśnianiu danych Google Analytics, które mogą być przytłaczające. Usługa przeszukuje Twoje dane i znajduje obszary, które możesz poprawić — nawet jeśli jesteś ekspertem, zaoszczędzi to czasu. Dla mnie oznacza to, że dane gromadzone przez Google Analytics stają się użyteczne, dzięki czemu mogę je ulepszać, a nie tylko interesujące.

Nick Colebatch
Dostawa osłony kampera

Konfigurowanie bazy danych

Ponieważ jesteś użytkownikiem ery nowożytnej, będziesz inwestować swój czas i zasoby w tworzenie nowoczesnej bazy danych, takiej jak SQL, MySQL, MongoDB. Deweloperzy działający po stronie serwera są również przeszkoleni w zakresie konfigurowania baz danych i tworzenia różnych tabel, aby łatwo optymalizować dane i przechowywać je w łatwo dostępnym formacie.

Dlatego pomogą Ci wymyślić odpowiedni format do przechowywania danych, a także podpowiedzą, jak tworzyć różne tabele do przechowywania danych w celu uzyskania łatwo dostępnej procedury. Jeśli spróbujesz zapisać wszystko w jednej tabeli danych, spowolnisz proces i stworzysz wąskie gardło dla swojej bazy danych.

W tym miejscu eksperci po stronie serwera mogą wskoczyć i uratować dzień dzięki odpowiedniemu formatowaniu tabel danych, tworząc różne tabele danych zawierające różne informacje dla odpowiednich produktów dla komponentów frontendu.

Ostatnie szlify

Po skonfigurowaniu wszystkiego eksperci po stronie serwera przetestują wszystko od frontendu i upewnią się, że nie ma rozbieżności ani nieporozumień między frontendem Twojej witryny a stroną serwerową witryny.

W tym celu wymyślą kilka testów i środowisk prototypowych, w których będą mogli przetestować kilka rzeczywistych scenariuszy i sprawdzić, czy strona serwera wysyła odpowiedni zestaw informacji, czy nie. Testy te mogą obejmować wszystko, od losowego klikania kilku przycisków po wypełnianie formularzy wyszukiwania w celu wprowadzenia odpowiednich produktów do interfejsu użytkownika. Po zakończeniu testowania po stronie serwera będziesz gotowy do korzystania ze swojej witryny do wszystkiego, co chcesz.

Jak dobrze zoptymalizowana strona serwera może Ci pomóc?

Jeśli zaczynasz z nowym biznesem i zainwestowałeś tylko swoje pieniądze i zasoby w stworzenie najlepszego projektu frontendu dla swojej witryny bez zwracania uwagi na stronę serwera, być może przegrałeś już z konkurencją. Powodem tego jest to, że klienci uwielbiają smakować nowe projekty frontendów, ale chcą również szybkich czasów odpowiedzi, a dobrze zoptymalizowana strona serwerowa to najlepszy sposób na szybsze ładowanie stron i różnych produktów. Upewnij się, że śledzisz czasy ładowania, aby upewnić się, że robisz wszystko, co w Twojej mocy, na przykład:

(Źródło zdjęcia: Szalone jajko)

Dlatego, jeśli prowadzisz biznes e-commerce i chcesz pokonać swoich konkurentów, będziesz musiał zainwestować swoje pieniądze w przygotowanie strony serwerowej do konkurowania z frontendem Twojej witryny.

Dlaczego musisz zoptymalizować swoją stronę serwera? Optymalizując stronę serwera, zaoferujesz szybszy sposób obsługi przychodzących zapytań, skracając w ten sposób czas między kliknięciami użytkownika a wyświetleniem wyników. Szybszy czas wczytywania strony to jeden z najlepszych sposobów na to, by odwiedzający stali się stałymi bywalcami Twojej witryny.

Co więcej, jeśli prowadzisz działalność e-commerce online, pokazywanie wyników tak szybko, jak to możliwe, jest jednym z najlepszych sposobów na cieszenie się wyższym współczynnikiem konwersji. Tak więc dobrze zoptymalizowana strona serwera może pomóc w osiągnięciu wyższych współczynników konwersji i retencji, a także może pomóc w podniesieniu rankingu SEO Twojej witryny w wynikach wyszukiwania Google.

Diib: Monitorujemy stan zaplecza Twojej witryny!

Google zwraca szczególną uwagę na rozwój witryny po stronie serwera i stale monitoruje czas odpowiedzi dla różnych stron w witrynie. Dlatego jeśli chcesz mieć wysoką pozycję w wynikach wyszukiwania Google, musisz zwrócić szczególną uwagę na rozwój po stronie serwera.

Diib Digital oferuje kompleksowe monitorowanie zaplecza Twojej witryny; ogólny stan zdrowia i szybkość. Oto niektóre funkcje, które z pewnością pokochasz:

• Narzędzia do monitorowania i śledzenia słów kluczowych, linków zwrotnych i indeksowania
• Doświadczenie użytkownika i optymalizacja prędkości mobilnej
• Analiza i naprawa prędkości obciążenia witryny
• Integracja i wydajność mediów społecznościowych
• Zepsute strony, na których masz linki zwrotne (kontroler 404)
• Monitoring techniczny SEO

Kliknij tutaj, aby uzyskać bezpłatny skan lub po prostu zadzwoń pod numer 800-303-3510, aby porozmawiać z jednym z naszych ekspertów ds. rozwoju.