Web-приложения, часть 1

Спецкурс. Занятие 6

• У каждого узла есть IP-адрес• У сайтов – доменные имена• DNS (Domain Name System) –

иерархическая структура серверов

Иерархическая адресация, стек TCP/IP

Domain Name System

Архитектура клиент-сервер

Архитектура клиент-сервер

HTTP (HyperText Transfer Protocol) – протокол передачи гипертекста• Работает поверх TCP/IP• Адрес узла – URL• Не сохраняет промежуточное

состояние

https://ru.wikipedia.org/wiki/HTTP

Протокол HTTP

Каждый HTTP-запрос состоит из 3-х частей:1. Тип запроса, протокол, URI, параметры2. Заголовки3. Тело запроса

Структура протокола HTTP

Запрос клиента

GET /news/recent HTTP/1.1Host: www.example.com

Структура протокола HTTP

• GET• POST• PUT• DELETE• …и остальные

HTTP-методы

Коды состояния HTTP

Код состояния = код ответа + поясняющая

фраза

200 – OK404 – Not Found

Список кодов состояния HTTP

Заголовки HTTP

Заголовки HTTP (HTTP Headers) - это строки в HTTP-сообщении, содержащие разделённую двоеточием пару имя-значение.

http://ru.wikipedia.org/wiki/Заголовки_HTTP

Примеры HTTP заголовков

• General Headers (Cache-Control, Date)

• Request Headers (Referer, User Agent)

• Response Headers (Age, ETag)• Entity Headers (Content-Language,

Content-Encoding)

Заголовки HTTP

Пример запроса:

GET /wiki/страница HTTP/1.1Host: ru.wikipedia.orgUser-Agent: Mozilla/5.0 (X11; U; Linux i686; ru; rv:1.9b5) Gecko/2008050509 Firefox/3.0b5Accept: text/htmlConnection: close(пустая строка)

Заголовки HTTP

Пример ответа:

HTTP/1.1 200 OKDate: Wed, 11 Feb 2009 11:20:59 GMTServer: ApacheX-Powered-By: PHP/5.2.4-2ubuntu5wm1Last-Modified: Wed, 11 Feb 2009 11:20:59 GMTContent-Language: ruContent-Type: text/html; charset=utf-8Content-Length: 1234Connection: close(пустая строка)

Cookie и сессии

Cookie – небольшой фрагмент данных, отправленный сервером и хранимый на компьютере пользователя.

Инструменты разработчика

Firebug (встроен в Firefox Nightly):

Инструменты разработчикаChrome developer tools:

Сервера

Веб-сервер (HTTP-сервер): это сервер, принимающий HTTP запросы от клиентов, и выдающий им HTTP-ответы (веб-страницы в HTML, изображения, файлы)

Сервера

HTTP-сервера:• Apache• Nginx• Lighttpd• Microsoft IIS• Cherokee

Сервера

Особенности Apache:• Система модулей для языков• Механизм виртуальных

хостов для портов• Язык для описания конфиговhttps://ru.wikipedia.org/wiki/Apache

Сервера

Установка Apache на Ubuntu:sudo apt-get install apache2 php5

/etc/apache2/ports.conf/etc/apache2/sites-available//etc/apache2/sites-enabled/

Сервера

Пример Apache для статики:

<VirtualHost *:80> DocumentRoot /var/www/demo ServerName www.example.com</VirtualHost>

Сервера

Особенности Nginx:• Асинхронная обработка

запросов• Использует потоки вместо

процессов• Идеален для статикиhttps://ru.wikipedia.org/wiki/Nginx

Сервера

Установка Nginx на Ubuntu:sudo apt-get install nginx

/etc/nginx/nginx.conf/etc/nginx/sites-available//etc/nginx/sites-enabled/

Сервера

Пример Nginx для статики:server { listen 80; server_name example.com; root /var/www/nginx; location / { #… }}

Сервера

Сервера приложений:• Apache Tomcat (Java)• Phusion Passenger (Ruby, Python,

Node.js)• Unicorn, thin (Ruby)• gUnicorn, uWSGI (Python)

Выбор инструмента

ruby

java

pythonerlang

javascript

phpc#

scala go perl

c

c++

groovy

Выбор инструмента

Rails

Spring

DjangoNitrogen

node.js

ZendAsp.net

Play Revel

Grails

Выбор инструмента

Возможные задержки при загрузке страниц в вебе:• задержки соединения• загрузка статики• запросы к базам данных• скорость выполнения на сервере• скорость обработки страницы в

браузере

Выбор инструмента

Что зависит от выбора языка и фреймворка:• Скорость выполнения на

сервере• Эффективность разработки• Эффективность поддержки

Выбор инструмента

Лучшего языка или фреймворка не существует!

Каждой задаче – свой инструмент.