Різниця між програмуванням на стороні клієнта та на стороні сервера

Двоє бізнесменів за допомогою комп'ютера в серверній кімнаті

Веб-сервери дозволяють існувати веб-сторінок.

Авторство зображення: Райан Маквей/Digital Vision/Getty Images

Якщо ви трохи знаєте HTML, ви можете створити функціональну веб-сторінку, яка інформує та розважає відвідувачів сайту. Базові веб-сторінки можуть бути корисними, але для того, щоб розширені сайти були інтерактивними, керованими даними та більш привабливими, потрібен програмний код. Тип мови програмування, який ви використовуєте, залежить від ваших цілей веб-дизайну. Перш ніж створити веб-сайт, дізнайтеся про відмінності між клієнтським і серверним програмуванням. Вони мають спільні риси, але суттєво відрізняються.

Пояснення на стороні клієнта

Коли ви вводите URL-адресу в адресному рядку браузера, ваш комп’ютер діє як клієнт, який запитує інформацію з віддаленого веб-сервера. Весь код, файли, дані та зображення, які ви бачите на веб-сторінках, надходять з віддалених серверів, які надсилають їх у браузери. Браузер збирає ресурси, які він отримує, і створює веб-сторінку, яку ви бачите. Прості веб-сторінки можуть містити лише оператори HTML, текст і зображення, тоді як складніші можуть виконувати код, який знаходиться в клієнтському браузері або на веб-сервері.

Відео дня

Основи програмування на стороні клієнта

Будь-хто може створити клієнтську веб-програму за лічені хвилини, вставивши кілька операторів JavaScript в HTML-документ і переглянувши його у браузері. JavaScript є основною мовою сценаріїв на стороні клієнта, яку власники сайтів використовують у своїх веб-програмах. Ви можете використовувати JavaScript, щоб змусити об’єкти переміщуватися на веб-сторінці, перевіряти введення форми, створювати спеціальні ефекти, показувати повідомлення про помилки та надавати людям інформацію.

Додаткові переваги на стороні клієнта

Оскільки для виконання таких завдань браузеру не потрібно взаємодіяти з віддаленим веб-сервером, клієнтський код може виконувати деякі завдання швидше, ніж код на стороні сервера. Наприклад, коли ви натискаєте кнопку, щоб відкрити меню, клієнтський код може запустити його негайно. Якщо код на стороні сервера впорався з цим завданням, вам доведеться зачекати, поки браузер зв’яжеться з сервером, перш ніж відкрити меню. Вам також не потрібно встановлювати спеціальне програмне забезпечення на веб-сервер для створення та тестування клієнтського коду, оскільки всі браузери можуть запускати клієнтський код.

Програмування на стороні сервера

Серверні технології включають PHP і Microsoft ASP.NET. Код на стороні сервера виконується на веб-сервері сайту, а не в браузері відвідувача сайту. Якщо ви відвідуєте веб-сторінку, яка використовує програмування на стороні сервера, ви ніколи не дізнаєтеся, що сервер зайнятий виконанням інструкцій, поки ви переглядаєте веб-сторінку. Хорошим прикладом обробки на стороні сервера є сторінка ASP.NET, яка дозволяє змінювати розмір зображення. Після того, як ви натискаєте кнопку, щоб завантажити зображення на веб-сервер, код на сервері змінює розмір зображення та надсилає нове зображення назад у ваш браузер.

Додаткові переваги на стороні сервера

Програмування на стороні сервера також дає можливість зберігати та отримувати дані. Це важливо, якщо ви хочете виконувати такі завдання, як зберігання та отримання інформації для входу та надання людям можливості шукати дані, що зберігаються в базі даних. Ці дані можуть перебувати в таких місцях, як база даних або файл XML на вашому веб-сервері. Обробка на стороні сервера також може допомогти вам зберегти конфіденційність власного коду. Наприклад, ви можете написати PHP-код, який виконує обчислення з використанням власних формул продажу, які ваша компанія тримає в секреті. Оскільки код виконується на вашому сервері, люди, які переглядають ваші веб-сторінки у браузері, не можуть переглядати цей код.

Гібридні веб-додатки

Багато веб-програм використовують комбінацію програмування на стороні сервера та клієнта. Наприклад, хоча сценарії на стороні клієнта можуть перевіряти введення форми, доцільно використовувати серверний код, щоб повторно перевірити його після того, як відвідувачі сайту подають дані форми на сервер. На одній із ваших веб-сторінок може використовуватися слайд-шоу JavaScript для розваги людей і серверний код для обробки замовлень на продаж. Незалежно від технології, яку ви використовуєте, важливо ретельно протестувати свої веб-програми перед їх розгортанням.