Бэкенд пен фронтенд деген не қарапайым сөзбен

Кафені елестетіңіз. Оның маңдайшасы, витринасы, асханасы және қоймасы бар. Сайт та осыған ұқсас құрылған:

• домен — маңдайша: сізді табатын мекенжай;
• фронтенд — витрина мен зал: келуші көретін және әрекеттесетін бөлік;
• бэкенд — асхана: сахна сыртында жұмыс істейтін және тапсырыстарды орындайтын бөлік;
• деректер базасы — қойма: деректер сақталатын орын.

Фронтенд — сайттың сыртқы бөлігі: беттер, түймелер, түстер, мәзір, нысандар. Браузерде көретін және басатын барлық нәрсе. Фронтенд сайттың әдемі әрі ыңғайлы болуына және компьютерде де, телефонда да жақсы көрінуіне жауап береді.

Бэкенд — ішкі бөлік: келушінің әрекеттерін қабылдайтын және олармен не істеу керегін шешетін серверлегі бағдарлама. Кіргенде құпиясөзді тексеру, өтінімді сақтау, төлемді қабылдау, хабарландыру жіберу, қажетті деректерді көрсету: мұның бәрін бэкенд жасайды. Келуші оны көрмейді, бірақ онсыз сайт жай ғана әдемі сурет болып қалады.

Деректер базасы — ақпараттың ұйымдастырылған қоймасы: пайдаланушылар тізімі, өтінімдер, тапсырыстар, бағалар, мәтіндер. Бэкенд оған жазу немесе қажеттіні табу үшін жүгінеді. Деректер базасы нашар қорғалса, клиенттеріңіздің деректері қауіп астында қалады.

1. 1.Келуші мәзірді телефонда ашады: бұл фронтенд.
2. 2.Ол тағамдарды таңдап, «Тапсырыс беру» түймесін басады: фронтенд бэкендке сұраныс жібереді.
3. 3.Бэкенд тапсырысты тексеріп, деректер базасына жазады.
4. 4.Бэкенд тапсырыс қабылданғанын жауап береді және бұл туралы асханаға хабарлайды.
5. 5.Фронтенд келушіге «Тапсырыс қабылданды» хабарламасын көрсетеді.

Фронтенд пен бэкендтің қарым-қатынасы алдын ала келісілген ережелер бойынша жүреді. Бұл даяшының жұмысына ұқсайды: ол залда тапсырысты қабылдап, асханаға береді, содан кейін нәтижені қайтарады.

• Сіз міндетті дәл қоя аласыз: «сайтта нысан және өтінімдерді базаға сақтау керек», ал «жұмыс істейтіндей жаса» емес.
• Нейрожелі маңыздыны жіберіп алғанын байқайсыз: мысалы, деректерді қорғамағанын.
• Бэкенд керек пе, жоқ па, өзіңіз шеше аласыз, сонда артығына үнемдейсіз.
• Клиенттермен және орындаушылармен бір тілде сөйлесу оңай болады.

Интернеттегі көптеген сабақтар тек сыртқы бөлікті жасауды үйретеді. Ал беттің жұмыс істейтін жүйеге айналуы фронтенд пен бэкендтің байланысына байланысты.

• Керек емес: нысандары жоқ, жай ақпарат көрсететін визитка-сайт.
• Керек: алғыңыз келетін және сақтайтын кез келген өтінім нысаны; жеке кабинет; төлем; клиенттерге кіру; мазмұнды өзгертетін әкімші панелі.

Нейрожелі көмегімен қарапайым сайт жасау туралы толығырақ ChatGPT көмегімен сайт қалай жасауға болады мақаласында оқыңыз.