Lviv Quality Assurance Day 2019 МИКОЛА БОБОШКО «Тестування вебсервісів — основи» Telegram: www.t.me/goqameetup Facebook: www.fb.com/goqaevent Linkedin: www.linkedin.com/company/goqa/ Сайт: www.qaday.org

1. qalight.com.ua
info@qalight.com.ua
+38 (063) 78 010 78
+38 (097) 78 010 78
+38 (099) 78 010 78
Клиент-серверная
архитектура
Николай Бобошко
Тренинг-центр
QALight

2. qalight.com.ua
info@qalight.com.ua
+38 (063) 78 010 78
+38 (097) 78 010 78
+38 (099) 78 010 78
Лектор

3. qalight.com.ua
info@qalight.com.ua
+38 (063) 78 010 78
+38 (097) 78 010 78
+38 (099) 78 010 78
Тренинг-центр QALight – это…

4. qalight.com.ua
info@qalight.com.ua
+38 (063) 78 010 78
+38 (097) 78 010 78
+38 (099) 78 010 78
Тренинг-центр QALight – это…

5. qalight.com.ua
info@qalight.com.ua
+38 (063) 78 010 78
+38 (097) 78 010 78
+38 (099) 78 010 78
Клиент-серверная архитектура
• Что такое Web Server, Web Service.
• 2-х и 3-х уровневая архитектура клиент-сервера.
• Что такое архитектура клиент-сервер.
• Толстый и тонкий клиент.
• Client, Application Server, DB Server.
• HTTP/S.
• HTML, CSS.
• XML/JSON.
• REST/SOAP.
• Postman and SoapUI.

6. qalight.com.ua
info@qalight.com.ua
+38 (063) 78 010 78
+38 (097) 78 010 78
+38 (099) 78 010 78
Что такое Web server?
Термин «веб-сервер» может относиться как к аппаратной начинке, так и к
программному обеспечению. Или даже к обеим частям, работающим совместно.
- С точки зрения "железа", «веб-сервер» — это компьютер, который хранит файлы
сайта (HTML-документы, CSS-стили, JavaScript-файлы, картинки и другие) и доставляет
их на устройство конечного пользователя (веб-браузер и т.д.). Он подключен к сети
Интернет и может быть доступен через доменное имя, подобное “qalight.com.ua”.
- С точки зрения ПО, веб-сервер включает в себя несколько компонентов, которые
контролируют доступ веб-пользователей к размещенным на сервере файлам, как
минимум — это HTTP-сервер. HTTP-сервер — это часть ПО, которая
понимает URL’ы (веб-адреса) и HTTP протокол.

7. qalight.com.ua
info@qalight.com.ua
+38 (063) 78 010 78
+38 (097) 78 010 78
+38 (099) 78 010 78
Что такое Web server?
Виды веб-серверов:
• Статический веб-сервер, или стек, состоит из компьютера ("железо") с сервером
HTTP (ПО). Это «статика», потому что сервер посылает размещенные файлы в
браузер «как есть».
• Динамический веб-сервер состоит из статического веб-сервера и
дополнительного программного обеспечения, чаще всего сервера
приложения и базы данных. Мы называем его «динамическим», потому что сервер
приложений изменяет исходные файлы перед отправкой в ваш браузер по HTTP.

8. qalight.com.ua
info@qalight.com.ua
+38 (063) 78 010 78
+38 (097) 78 010 78
+38 (099) 78 010 78
Что такое Web service?
Веб-служба - это функция, к которой могут обращаться другие программы через
Интернет (Http).
К примеру когда вы создаете веб-сайт на PHP, который выводит HTML, его целью
является браузер и только потом человек, просматривающий страницу в браузере.
Веб-сервис не предназначен для людей, а скорее для других программ.
Веб-сервис - это любое программное обеспечение, которое доступно по
средствам Интернет и использует стандартизованную систему обмена
сообщениями XML. XML используется для кодирования всех сообщений в веб-службе.

9. qalight.com.ua
info@qalight.com.ua
+38 (063) 78 010 78
+38 (097) 78 010 78
+38 (099) 78 010 78
Что такое клиент-сервер?
• Архитектура «клиент-сервер» определяет общие принципы организации
взаимодействия в сети, где имеются серверы, узлы-поставщики некоторых
специфичных функций (сервисов) и клиенты, потребители этих функций.

10. qalight.com.ua
info@qalight.com.ua
+38 (063) 78 010 78
+38 (097) 78 010 78
+38 (099) 78 010 78
Клиент-сервер

11. qalight.com.ua
info@qalight.com.ua
+38 (063) 78 010 78
+38 (097) 78 010 78
+38 (099) 78 010 78
2-х уровневая архитектура
• В любой сети, построенной на современных сетевых технологиях, присутствуют
элементы клиент-серверного взаимодействия.
• Двухуровневой она называется из-за необходимости
распределения трех базовых компонентов между двумя узлами (клиентом и
сервером).

12. qalight.com.ua
info@qalight.com.ua
+38 (063) 78 010 78
+38 (097) 78 010 78
+38 (099) 78 010 78
2-х уровневая архитектура
• Двухуровневая архитектура используется в клиент-серверных системах, где
сервер отвечает на клиентские запросы напрямую и в полном объеме, при этом
используя только собственные ресурсы. Т.е. сервер не вызывает сторонние
сетевые приложения и не обращается к сторонним ресурсам для выполнения
какой-либо части запроса.

13. qalight.com.ua
info@qalight.com.ua
+38 (063) 78 010 78
+38 (097) 78 010 78
+38 (099) 78 010 78
3-х уровневая архитектура
• Трехуровневая архитектурная модель программного комплекса,
предполагающая наличие в нём трёх компонентов: клиента, сервера приложений
(к которому подключено клиентское приложение) и сервера баз данных (с
которым работает сервер приложений).

14. qalight.com.ua
info@qalight.com.ua
+38 (063) 78 010 78
+38 (097) 78 010 78
+38 (099) 78 010 78
Элементы архитектуры
• API (интерфейс программирования приложений, интерфейс прикладного
программирования) (англ. application programming interface)— набор готовых
классов, процедур, функций, структур и констант, предоставляемых приложением
(библиотекой, сервисом) или операционной системой для использования во
внешних программных продуктах. Используется программистами при написании
всевозможных приложений.

15. qalight.com.ua
info@qalight.com.ua
+38 (063) 78 010 78
+38 (097) 78 010 78
+38 (099) 78 010 78
Элементы архитектуры
• Клиент (слой клиента) — это интерфейсный (обычно графический) компонент
комплекса (Client-Server архитектуры), предоставляемый конечному пользователю.
Этот уровень не должен иметь прямых связей с базой данных (по требованиям
безопасности и масштабируемости), быть нагруженным основной бизнес-
логикой (по требованиям масштабируемости) и хранить состояние приложения
(по требованиям надёжности). На этот уровень обычно выносится только
простейшая бизнес-логика: интерфейс авторизации, алгоритмы шифрования,
проверка вводимых значений на допустимость и соответствие формату.

16. qalight.com.ua
info@qalight.com.ua
+38 (063) 78 010 78
+38 (097) 78 010 78
+38 (099) 78 010 78
Элементы архитектуры
• Сервер приложений (средний слой, связующий слой) располагается на втором
уровне, на нём сосредоточена большая часть бизнес-логики. Вне его остаются
только фрагменты, экспортируемые на клиента (терминалы), а также элементы
логики, погруженные в базу данных. Реализация данного компонента
обеспечивается связующим программным обеспечением. Серверы приложений
проектируются таким образом, чтобы добавление к ним дополнительных
экземпляров обеспечивало горизонтальное масштабирование
производительности программного комплекса и не требовало внесения
изменений в программный код приложения.

17. qalight.com.ua
info@qalight.com.ua
+38 (063) 78 010 78
+38 (097) 78 010 78
+38 (099) 78 010 78
Элементы архитектуры
• Сервер баз данных (слой данных) обеспечивает хранение данных и выносится на
отдельный уровень, реализуется, как правило, средствами систем управления
базами данных, подключение к этому компоненту обеспечивается только с уровня
сервера приложений.
• В простейших конфигурациях все компоненты или часть из них могут быть
совмещены на одном вычислительном узле. В продуктивных конфигурациях как
правило используется выделенный вычислительный узел для сервера баз данных
или кластер серверов баз данных, для серверов приложений — выделенная группа
вычислительных узлов, к которым непосредственно подключаются клиенты
(терминалы).

18. qalight.com.ua
info@qalight.com.ua
+38 (063) 78 010 78
+38 (097) 78 010 78
+38 (099) 78 010 78
Элементы архитектуры
• Веб-сервер — сервер, принимающий HTTP-запросы от клиентов, обычно веб-
браузеров, и выдающий им HTTP-ответы, как правило, вместе с HTML-страницей,
изображением, файлом, медиа-потоком или другими данными.
• Клиент, которым обычно является веб-браузер, передаёт веб-серверу запросы на
получение ресурсов, обозначенных URL-адресами. Ресурсы — это HTML-страницы,
изображения, файлы, медиа-потоки или другие данные, которые необходимы
клиенту. В ответ веб-сервер передаёт клиенту запрошенные данные. Этот обмен
происходит по протоколу HTTP.

19. qalight.com.ua
info@qalight.com.ua
+38 (063) 78 010 78
+38 (097) 78 010 78
+38 (099) 78 010 78
Элементы архитектуры

20. qalight.com.ua
info@qalight.com.ua
+38 (063) 78 010 78
+38 (097) 78 010 78
+38 (099) 78 010 78
Тонкий клиент
• Тонкий клиент, thin client в компьютерных технологиях — компьютер или
программа-клиент в сетях с клиент-серверной или терминальной архитектурой,
где большая часть задач по обработке информации перенесена на сервер и
права доступа клиента строго ограничены. Примером тонкого клиента может
служить компьютер с браузером, использующийся для работы с веб-
приложениями.

21. qalight.com.ua
info@qalight.com.ua
+38 (063) 78 010 78
+38 (097) 78 010 78
+38 (099) 78 010 78
Тонкий клиент

22. qalight.com.ua
info@qalight.com.ua
+38 (063) 78 010 78
+38 (097) 78 010 78
+38 (099) 78 010 78
Толстый клиент
• Толстый или rich client в архитектуре клиент-сервер — это приложение,
обеспечивающее (в противовес тонкому клиенту) расширенную
функциональность независимо от центрального сервера. Часто сервер в этом
случае является лишь хранилищем данных, а вся работа по обработке и
представлению этих данных переносится на машину клиента.

23. qalight.com.ua
info@qalight.com.ua
+38 (063) 78 010 78
+38 (097) 78 010 78
+38 (099) 78 010 78
HTTP протокол
• HTTP — широко распространённый протокол передачи данных, изначально
предназначенный для передачи гипертекстовых документов (то есть документов,
которые могут содержать ссылки, позволяющие организовать переход к другим
документам).
• Аббревиатура HTTP расшифровывается как HyperText Transfer Protocol, «протокол
передачи гипертекста». В соответствии со спецификацией OSI, HTTP является
протоколом прикладного (верхнего, 7-го) уровня.

24. qalight.com.ua
info@qalight.com.ua
+38 (063) 78 010 78
+38 (097) 78 010 78
+38 (099) 78 010 78
HTTP протокол
• Протокол HTTP предполагает использование клиент-серверной структуры передачи
данных. Клиентское приложение формирует запрос и отправляет его на сервер,
после чего серверное программное обеспечение обрабатывает данный запрос,
формирует ответ и передаёт его обратно клиенту. После этого клиентское
приложение может продолжить отправлять другие запросы, которые будут
обработаны аналогичным образом.
• Задача, которая традиционно решается с помощью протокола HTTP — обмен
данными между пользовательским приложением, осуществляющим доступ к веб-
ресурсам (обычно это веб-браузер) и веб-сервером. На данный момент именно
благодаря протоколу HTTP обеспечивается работа Всемирной паутины.

25. qalight.com.ua
info@qalight.com.ua
+38 (063) 78 010 78
+38 (097) 78 010 78
+38 (099) 78 010 78
HTML
• HyperText Markup Language (HTML) является стандартным языком, предназначенным
для создания гипертекстовых документов в среде WEB. HTML-документы могут
просматриваться различными типами WEB-браузеров. Когда документ создан с
использованием HTML, WEB-браузер может интерпретировать HTML для выделения
различных элементов документа и первичной их обработки. Использование HTML
позволяет форматировать документы для их представления с использованием
шрифтов, линий и других графических элементов на любой системе, их
просматривающей.

26. qalight.com.ua
info@qalight.com.ua
+38 (063) 78 010 78
+38 (097) 78 010 78
+38 (099) 78 010 78
HTML

27. qalight.com.ua
info@qalight.com.ua
+38 (063) 78 010 78
+38 (097) 78 010 78
+38 (099) 78 010 78
Структура HTML-документа
• HTML — теговый язык разметки документов. Любой документ на языке HTML
представляет собой набор элементов, причём начало и конец каждого элемента
обозначается специальными пометками — тегами.
• Тег, теги (англ. tag — именованная метка). Элемент языка разметки гипертекста.
Текст, содержащийся между начальным и конечным тегом, отображается и
размещается в соответствии со свойствами, указанными в начальном теге.

28. qalight.com.ua
info@qalight.com.ua
+38 (063) 78 010 78
+38 (097) 78 010 78
+38 (099) 78 010 78
CSS
• CSS (Cascading Style Sheets — каскадные таблицы стилей) – одна из базовых
технологий в современном Интернете. Нечасто можно встретить сайт,
свёрстанный без применения CSS. CSS-код – это список инструкций для браузера,
– как и где отображать элементы веб-страницы, написанный особым образом.

29. qalight.com.ua
info@qalight.com.ua
+38 (063) 78 010 78
+38 (097) 78 010 78
+38 (099) 78 010 78
Зачем нужен CSS?
• Целью создания CSS было разделение описания логической структуры документа
(сейчас производится с помощью HTML) от описания его внешнего вида (сейчас
производится с помощью CSS). Дело в том, что с развитием компьютерных
технологий и интернета, люди старались сделать сайты более функциональными и
яркими. Но все параметры внешнего вида представлялись в html тегах прямо в
веб-документе.
• Пример: у Вас сайт на 100 страниц и каждые 4 сезона года (зима, весна, лето,
осень) Вам необходимо менять внешний вид 100 страниц. Или же изменить всего 1
CSS, который хранит в себе настройки внешнего вида всех 100 страниц.

30. qalight.com.ua
info@qalight.com.ua
+38 (063) 78 010 78
+38 (097) 78 010 78
+38 (099) 78 010 78
Киев
ул. Космонавта Комарова 1
НАУ, корп.11
+38 (097) 78 010 78
+38 (099) 78 010 78
+38 (063) 78 010 78
info@qalight.com.ua
qalight.com.ua