WEB-технологии

Автор работы: Пользователь скрыл имя, 02 Декабря 2013 в 18:42, курсовая работа

Описание работы

Привлекательность 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 — нестандартного заголовка, помогающего бороться с ошибками браузеров.

 

  1. Установка и настройка локального веб-сервера «OpenServer»

Обычно для разработки веб-программисты не используют удаленные  веб-сервер, удаленные веб-серверы  используются для демонстрации разрабатываемого веб-сайта заказчику или для публикации разработанного веб-сайта в интернет.  Компании, предоставляющие возможность публикации веб-сайта в сети Интернет, называются Хостинг компаниями. Чаще всего хостинг компании предоставляют следующие услуги: ограниченное место на жестком диске, определенное тарифом количество виртуальных хостов  и соответственно базы данных для каждого виртуального хоста, возможность делегирования прав на управление  доменным именем. Так же хостинг провайдер гарантирует высокую скорость пропускного канала, бесперебойный доступ к веб-сайтам и обеспечивает архивирование данных в случае сбоя оборудования.  Для быстрой и удобной работы в процессе разработки удобнее использовать локальный веб-сервер. В сети интернет существует большой выбор сборок, позволяющие установить локальный веб-сервер,  «OpenServer» - это бесплатный и быстроразвивающийся веб-сервер, идеально подходящий для разработки веб-приложений в локальных условиях. Необходимо рассмотреть процесс установки и настройки.

    1. Установка (распаковка) сервера

Установщик представляет собой самораспаковывающийся архив, таким образом, достаточно указать  директорию, куда будет установлен  OpenServer. Желательно установку производить  в корень любого раздела жесткого диска.  Например, если выбрать в  качестве директории для распаковки диск  G:\, то распаковщик создаст  директорию G:\OpenServer и распакует сервер в эту директорию.

Рисунок 10 - Путь распаковки

 

Рисунок 11 - Результат распаковки

 

Директория «domains»  будет содержать виртуальные хосты  (в дальнейшем её можно сменить), папка «modules»  содержит модули  OpenServer,  под модулем понимается программное обеспечение, используемое в работе сервера, например СУБД  MySQL различных версий, интерпретатор  PHP  различных версий и непосредственно сам веб-сервер (nginx  или Apache)  и многое другое. В директории «userdata»  хранятся настройки для модулей.

 

    1. Настройка сервера

Далее о настройке 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 - Установка кодировки

 

На этом установка и  настройка веб-сервера закончена.

  1. Настройка веб-сервера на операционной системе «Debian»

    1. Установка веб-сервера

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 осуществляется за счет подключения дополнительных модулей.

    1. Установка MySQL

Выполнение работы, будет  осуществляться с использованием СУБД MySQL.  MySQL  является свободной системой управления базами данных и подходит для использования при разработки малых и средних приложений. Для установки MySQL необходимо выполнить следующую команду:

sudo apt-get install mysql-server mysql-client php5-mysql

Рисунок 24 - Установка mysql

 

Рисунок 25 - Настройка MySQL

 

    1. Подключение модулей

Язык программирования  PHP  позволяет расширить набор  стандартных классов и функций  за счет установки дополнительных  модулей. Подключение модулей осуществляется в конфигурационном файле php.ini. Данный файл можно открыть в любом  текстовом редакторе и раскомментировать директивы подключения тех или иных модулей, чтобы они выглядели так:

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

    1. Проверка  результата

После того, как все было установлено, можно проверить результат,  для этого необходимо узнать  IP-адрес веб-сервера командой  ifconfig, далее открыв веб-браузер и указав  URL-адрес, который состоит из  IP-адреса:  http://192.168.126.130. можно увидеть стандартное сообщение приветствия веб-сервера Apache.

Рисунок 26 - проверка работы сервера Apache

 

    1. Установка 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/phpmyadmin/.

Информация о работе WEB-технологии