WEB-технологии
Курсовая работа, 02 Декабря 2013, автор: пользователь скрыл имя
Описание работы
Привлекательность Web-технологий как средства доставки информации во многом определяет универсальный интерфейс между человеком и компьютером. Каждому человеку понятны надписи, заголовки, ссылки, картинки. Веб-интерфейс как средство доступа к информации интуитивно понятен. Следствием простоты веб-интерфейса является широкая употребимость Интернета как канала коммуникации. Всемирная паутина стала столь популярной, что для большинства пользователей понятия Интернет и WWW являются синонимами, хотя такое мнение, разумеется, является ошибочным. Вследствие этого, для начала необходимо разобраться с основными понятиями веб-технологий: веб-сайт и веб-страница.
Содержание работы
Введение 3
Всемирная паутина (WWW) 4
1 Клиент-серверная архитектура 6
1.1. Сторона клиента 6
1.2. Сторона сервера 9
1.3. HTTP — протокол передачи гипертекста 14
1.3.1. Соединения 14
1.3.2. Методы 14
1.3.3. Пример использования HTTP 16
2 Установка и настройка локального веб-сервера «OpenServer» 18
2.1. Установка (распаковка) сервера 18
2.2. Настройка сервера 20
3 Настройка веб-сервера на операционной системе «Debian» 25
3.1. Установка веб-сервера 25
3.2. Установка MySQL 27
3.3. Подключение модулей 28
3.4. Проверка результата 28
3.5. Установка phpMyAdmin 29
3.6. Настройка PHP 32
3.7. Настройка веб-сервера и виртуальных хостов 33
3.8. Изменение локального хоста 34
3.9. Создание главной страницы сайта 35
3.10. Создание нового виртуального хоста 36
Список используемой литературы 38
Заключение 38
Файлы: 1 файл
УИРС.docx
— 2.70 Мб (Скачать файл)Файл журнала соединения, log, может быть просмотрен с помощью любого текстового редактора. Он должен начинаться примерно так, как показано в листинг на рис.8, если только на сайте IETF за это время не произошли какие-нибудь изменения.
Рисунок 9 - Начало вывода файла «www.ietf.org/rfc.html»
Первые три строки в этом листинге созданы программой telnet, а не удаленным сайтом. А вот строка, начинающаяся с HTTP/1.1, — это уже ответ IETF, говорящий о том, что сервер желает общаться с вами при помощи протокола НТТР/1.1. Далее следует ряд заголовков и, наконец, само содержимое запрашиваемого файла. Заголовок ETag, который является уникальным идентификатором страницы, связанным с кэшированием, и X-Pad — нестандартного заголовка, помогающего бороться с ошибками браузеров.
Установка и настройка локального веб-сервера «OpenServer»
Обычно для разработки веб-программисты не используют удаленные веб-сервер, удаленные веб-серверы используются для демонстрации разрабатываемого веб-сайта заказчику или для публикации разработанного веб-сайта в интернет. Компании, предоставляющие возможность публикации веб-сайта в сети Интернет, называются Хостинг компаниями. Чаще всего хостинг компании предоставляют следующие услуги: ограниченное место на жестком диске, определенное тарифом количество виртуальных хостов и соответственно базы данных для каждого виртуального хоста, возможность делегирования прав на управление доменным именем. Так же хостинг провайдер гарантирует высокую скорость пропускного канала, бесперебойный доступ к веб-сайтам и обеспечивает архивирование данных в случае сбоя оборудования. Для быстрой и удобной работы в процессе разработки удобнее использовать локальный веб-сервер. В сети интернет существует большой выбор сборок, позволяющие установить локальный веб-сервер, «OpenServer» - это бесплатный и быстроразвивающийся веб-сервер, идеально подходящий для разработки веб-приложений в локальных условиях. Необходимо рассмотреть процесс установки и настройки.
Установка (распаковка) сервера
Установщик представляет
собой самораспаковывающийся
Рисунок 10 - Путь распаковки
Рисунок 11 - Результат распаковки
Директория «domains» будет содержать виртуальные хосты (в дальнейшем её можно сменить), папка «modules» содержит модули OpenServer, под модулем понимается программное обеспечение, используемое в работе сервера, например СУБД MySQL различных версий, интерпретатор PHP различных версий и непосредственно сам веб-сервер (nginx или Apache) и многое другое. В директории «userdata» хранятся настройки для модулей.
Настройка сервера
Далее о настройке OpenServer и созданию виртуальных хостов. После запуска сборки OpenServer в трее появится иконка OpenServer представляющая собой флаг красного (остановлен), зеленого (запущен) или желтого цвета (перезапускается). Для того, чтобы вызвать окно с Настройками необходимо нажать правой клавишей мыши по иконке как показано на рисунке 12.
Рисунок 12 - Контекстное меню OpenServer
Рисунок 13 - настройка сервера
Вкладка «Основные» отображает основные настройки программного комплекса, необходимо создать профиль и для каждого профиля завести различные уникальные настройки.
Рисунок 14 - вкладка "Сервер"
Если же вы всё-таки решено установить OpenServer не в корень раздела жесткого диска, то OpenServer позволяет при запуске создать виртуальный диск для удобного обращения к файлам, корнем которого будет являться директория OpenServer, которая автоматически создается при распаковке.
При создании виртуальных хостов OpenServer автоматически добавляет запись в файл «hosts», но иногда возникает ситуация, когда у пользователя компьютера недостаточно прав для модифицирования файла. Поэтому в OpenServer предусмотрена возможность запуска сервера без редактирования файла, администратор (преподаватель) заранее добавит необходимые записи. Необходимо отметить независимый переключатель «Не вносить изменения в HOSTS файл».
Программный комплекс OpenServer может обеспечить не только локальную работу, но также может сделать персональный компьютер полноценным веб-сервером. Для этого в поле «IP-адрес сервера» необходимо указать IP-адрес выданный вам провайдером (рисунок 15 – IP-адрес сервера).
Рисунок 15 - IP-адрес сервера
Рисунок 16 - Смена «Корневой папки доменов»
Далее необходимо в папке domains создать папку с именем «project» - а в ней создать html-документ с именем index.html, таким образом, будет создан виртуальный хост. Любое серверное ПО, которое работает по сети, должно быть привязано к конкретному сетевому порту.
Рисунок 17 - Задание портов
Может возникнуть ситуация, что сетевой порт занят другим приложением, что не позволит запустить веб-сервер. Тогда необходимо в настройках OpenServer сменить проблемный порт. В случае, если при запуски OpenServer произошел сбой, то причина, по которой произошел сбой указывается в окне «Просмотр логов».
Рисунок 18 - Ошибка. Порт 443 занят
Во вкладке «Модули» осуществляется конфигурирование веб-сервер, есть возможность выбрать в качестве веб-сервера не только Apache, но и nginx, либо выбрать подходящую версию языка PHP и СУБД и многое другое. Необходимо установить настройки, такие как показаны на рисунке 19.
Рисунок 19 - Модули веб-сервера
После чего необходимо в окне браузера открыть страницу http://project, имя домена определяется именем директории, которая была создана, соответственно не следует использовать русские символы и знак пробела. Если имя домена не устраивает, то можно во вкладке «Домены» выбрать из выпадающего списка ручное управление доменами и задать собственное имя.
Рисунок 20 - Управление доменами
Если ни одного домена не было найдено, то в окне с логами будет следующая ошибка.
Рисунок 21 - Ошибка. Запуск сервера без доменов невозможен
И последним шагом настройки локального веб-сервера будет установка кодировки по умолчанию для веб-сервера и СУБД. Необходимо установить кодировку utf-8 как показано на рисунке 22.
Рисунок 22 - Установка кодировки
На этом установка и
настройка веб-сервера
Настройка веб-сервера на операционной системе «Debian»
Установка веб-сервера
Apt-get (Advanced Packaging Tool) – программа для установки, обновления и удаления программных пакетов в командном режиме. Программа способна автоматически устанавливать и настраивать программы как из предварительно откомпилированных пакетов, так и из исходных кодов. Пакеты берутся из интернет-репозиториев, либо их можно установить с имеющихся носителей. Для пользователей, предпочитающих командной строке графический интерфейс, есть Synaptic – графическая оболочка для apt-get, созданная на основе GTK+ .
Использование утилиты:
apt-get [параметры] команда
apt-get [параметры] install|remove пакет1 [пакет2 …]
apt-get [параметры] source пакет1 [пакет2 ...]
Перед установкой веб-сервера
необходимо выполнить обновление пакетов,
для этого в терминале
update – используется для синхронизации файлов-описаний пакетов с их источником и получения обновлённых списков пакетов. Перед upgrade и dist-upgrade всегда нужно выполнять update.
upgrade – используется для установки новейших версий установленных пакетов системы из источников. Для того, чтобы apt-get узнал о существовании доступных новых версиях пакетов, данной команде должна предшествовать команда update.
sudo apt-get update
sudo apt-get upgrade
После того, как пакеты были обновлены, можно приступить к установке веб-сервера. В качестве веб-сервера будет выступать Apache. Установка осуществляется при помощи команды install, после которой следуют наименования пакетов, которые необходимо установить.
В качестве языка программирования будет использоваться скриптовый язык программирования PHP, установка которогоосуществляется вместе с веб-сервером, а связь между веб-сервером и PHP осуществляется с использованием библиотеки: libapache2-mod-php5.
Ключ install - устанавливает один или более пакетов, отмеченных для установки.
Каждый пакет - это имя пакета, а не полное имя файла, содержащее этот пакет. Все пакеты-зависимости также будут получены и установлены.
sudo apt-get install apache2 apache2-doc php5 libapache2-mod-php5 php-pear
Рисунок 23 - Установка веб-сервера Apache
Для хранения данных может быть использована любая система управления данными (СУБД): MySQL, Sqlite, Oracle, PostgreSQL, MSSQL. Связь СУБД с PHP осуществляется за счет подключения дополнительных модулей.
Установка MySQL
Выполнение работы, будет осуществляться с использованием СУБД MySQL. MySQL является свободной системой управления базами данных и подходит для использования при разработки малых и средних приложений. Для установки MySQL необходимо выполнить следующую команду:
sudo apt-get install mysql-server mysql-client php5-mysql
Рисунок 24 - Установка mysql
Рисунок 25 - Настройка MySQL
Подключение модулей
Язык программирования
PHP позволяет расширить набор
стандартных классов и функций
за счет установки дополнительных
модулей. Подключение модулей
extension = имя_модуля
Рекомендуется не подключать все модули сразу, а делать это позже, по мере необходимости. Такой подход позволит сэкономить оперативную память и сделает работу сервера более стабильной.
Данная команда позволяет автоматически загрузить дополнительные модули, которые могут пригодиться в будущем:
sudo apt-get install php5-curl php5-gd php5-idn php5-imagick php5-ldap
php5-imap php5-memcache php5-mhash php5-mysql php5-ps php5-pspell php5-sqlite
php5-suhosin php5-tidy imagemagick php5-xcache php5-xdebug php5-xmlrpc php5-xsl
Проверка результата
После того, как все было установлено, можно проверить результат, для этого необходимо узнать IP-адрес веб-сервера командой ifconfig, далее открыв веб-браузер и указав URL-адрес, который состоит из IP-адреса: http://192.168.126.130. можно увидеть стандартное сообщение приветствия веб-сервера Apache.
Рисунок 26 - проверка работы сервера Apache
Установка phpMyAdmin
PHPMyAdmin – веб-приложение с открытым исходным кодом, разработанное на языке PHP и обеспечивающее полноценную, в том числе и удаленную, работу с базами данных MySQL через браузер.
Для установки веб-приложения необходимо воспользоваться следующей командой:
sudo apt-get install phpmyadmin
Во время установки необходимо указать веб-сервер, который будет автоматически настроен для работы с phpMyAdmin. В данном случае таким веб-сервером является Apache2. Для выбора необходимо нажать пробел.
Рисунок 27 - Настройа phpMyAdmin
PhpMyAdmin для корректной работы использует базу данных для хранения данных, которые необходимы для его работы. Таким образом, позволяем phpMyAdmin в автоматическом режиме настроить базу данных:
Рисунок 28 - Создание базы данных для успешной работы phpMyAdmin
PhpMyAdmin это веб-приложение, работу которогообеспечивает веб-сервер. Поэтому сервер Apache2 необходимо переконфигурировать, так как стандартной настройки не достаточно. Для этого необходимо внести изменения в конфигурационный файл веб-сервер.
sudo nano /etc/apache2/apache2.conf
В открывшемся в редакторе GEDIT конфигурационном файле необходимо добавить (в конце) следующие строки. При помощи данной строки мы подключаем конфигурационный файл phpMyAdmin к веб-серверу Apache2.
# Include phpmyadmin configurations:
Include /etc/phpmyadmin/apache.conf
После чего следует настроить само веб-приложение phpMyAdmin. Для выполнения работы нет необходимости углубляться в настройки веб-приложения, поэтому необходимо сделать всего одно обязательное изменение в конфигурационном файле:
phpMyAdmin.
sudo nano /etc/phpmyadmin/config.inc.php
и добавить парольную фразу в самый конец файла (любую из букв и цифр):
$cfg['blowfish_secret'] = 'qwerty';
Начиная с версии 2.5.2, 'cookie' auth_type (cookie-аутентификация) использует алгоритм blowfish для шифрования пароля. Если используется 'cookie' auth_type, необходимо ввести здесь случайную идентификационную фразу, которая будет использоваться в работе алгоритма 'blowfish'. Максимальный размер фразы 46 символов.
Рисунок 29 - Настройка phpMyAdmin
Далее необходимо выполнить набор команд по запуску веб-сервер:
sudo /etc/init.d/apache2 restart //перезапуск apache2
sudo a2enmod php5 //запуска php
sudo a2enmod rewrite //активация модуля mod_rewrite – основанный на правилах механизм (синтаксический анализатор с применением регулярных выражений), выполняющий URL преобразования на лету.
На этом установка phpMyAdmin
закончена, для того чтобы получить доступ
к веб-приложению. Необходимо в браузере
открыть страницу http://192.168.126.130/