7AMP - Создание среды разработки

19 января 2018

Запуск локального веб-сервера разработки - один из лучших способов обучения AJAX; чтение на нем - это одно, но возможность передавать необработанные данные между браузером и сервером - это действительно единственный способ по-настоящему понять, что происходит на фундаментальном уровне. Чтобы создавать динамические и интерактивные приложения и сайты, которые мы узнали и любим, вам нужен сервер разработки.

В системах Windows у нас действительно есть только несколько достойных вариантов; мы можем использовать Internet Information Services (IIS) Microsoft, который обычно поставляется с Ultimate или Business версиями Windows, или мы можем использовать Apache, чрезвычайно популярную альтернативу с открытым исходным кодом. Помните, когда Microsoft пользовалась 90% рыночной доли рынка браузеров? Apache - это MS мира веб-серверов, и в некоторые моменты своей прославленной истории он пользовался почти полным доминированием в своей области.

IIS, как правило, довольно легко настроить, поскольку он использует графический интерфейс и довольно интуитивно понятен, однако IIS ориентирован на разработку с помощью.net-инфраструктуры;.net - это проприетарный язык и, как правило, вам нужно что-то вроде Visual Studio, чтобы преуспеть в создании веб-приложений с ним. Visual Studio не дешево (хотя бесплатные экспресс-версии доступны, и если вы действительно хардкор, вы можете использовать блокнот для написания кода), и многие люди предпочитают альтернативный PHP с открытым исходным кодом.

Аналогично, MSSql - это идеальное решение для базы данных, разработанное Microsoft, но, как и его другие предложения, также является запатентованной технологией. Mysql является бесплатным, открытым исходным кодом и очень, очень популярен. Он прост в использовании, прочен и масштабируемо, поэтому многие разработчики предпочитают его. Чтобы создать среду разработки, мы действительно хотим потратить как можно меньше, поэтому на самом деле наши выборы очевидны - Apache как платформа, PHP как серверный язык и Mysql в качестве технологии хранения. Но заставить все эти технологии разговаривать друг с другом не так прямолинейно, как запуск нескольких инсталляторов.

Начало работы

Прежде всего, нам нужно загрузить инсталляторы для Apache и Mysql и файлы, необходимые для запуска PHP. Установщики можно найти в следующих местах:

http: httpd.apache.org download.cginhttp: dev.mysql.com загружает mysql 5.1.html # downloads

На приведенных выше страницах выберите соответствующие пакеты MSI для своей платформы (например, x64 или x32) и требования (вы также можете выбрать полную версию SSL Apache). Однако с PHP нам не нужен установщик, мы хотим, чтобы zip-файл содержал все файлы PHP, поскольку в этом пакете больше, чем у стандартного установщика. Его можно найти по следующему URL-адресу:

http: uk2.php.net получить php-5.2.11-Win32.zip из mirror

. Существуют два разных zip-файла для Windows на PHP-сайте, убедитесь, что вы делаете не получите тот, у которого есть NTS (без потокобезопасности) в имени, поскольку это не будет работать с Apache (который является потокобезопасным). Перед запуском установщиков или распаковкой zip-файла нам просто нужно выполнить несколько небольших системных задач; мы должны временно приостанавливать любые приложения мгновенного обмена сообщениями, поскольку они могут помешать установке Apache, и мы должны отключить контроль учетных записей пользователей Windows (UAC), поскольку это мешает утилите конфигурирования Mysql. Чтобы отключить UAC, зайдите в приложение «Учетные записи пользователей» на панели управления:

В апплете установите ползунок в нижнюю настройку:

Нажмите кнопку «ОК» и подтвердите самое последнее уведомление UAC, которое вы должны когда-либо получать (w00t!), А затем перезапустите свой компьютер по назначению.

Установка Apache

Первое, что нам нужно установить, - это веб-сервер Apache, который обслуживает веб-страницы в браузерах по HTTP-запросам и формирует основу нашей среды разработки. Запустите программу установки, нажмите следующую кнопку, чтобы начать работу и принять условия лицензии. Нажмите еще раз, и вы увидите следующий экран:

Завершите диалог, как показано выше, и нажмите еще раз; на следующем экране выберите «Типичный» вариант:

Теперь мы можем просто нажать кнопку «Далее» до тех пор, пока не произойдет установка. После завершения вы увидите значок Apache в области уведомлений; он должен иметь зеленый символ игры, чтобы указать, что он работает:

В результате успешного запуска Apache мы должны иметь возможность открыть браузер, введите http: localhost в адресной строке и увидите следующее сообщение:

Конфигурирование Apache

Веб-страница, которую мы видим, обслуживается из каталога содержимого по умолчанию, содержащегося в Apache, который, вероятно, находится где-то следующим образом:

C:/Program Files (x86)/Apache Software Foundation/Apache2.2/htdocs

Все в порядке, но это будет немного сложной задачей, если вы захотите добавить или удалить файлы. Мы можем легко настроить Apache на серверный контент из папки, которая находится ближе к руке; создайте новый каталог на своем диске C и назовите его apacheite.

В группе меню «Пуск» для Apache есть опция «Редактировать файл конфигурации Apache httpd.conf», выберите это, и текстовый файл будет открыт. Это основной файл конфигурации Apache; в отличие от IIS, Apache не имеет графического интерфейса для настройки, вместо этого мы должны отредактировать этот текстовый файл, чтобы внести изменения в сервер. Перейдите к разделу «Конфигурация основного сервера», который начинается в строке 144. В строке 177 должна быть указана DocumentRoot, которая будет указывать на каталог, упомянутый выше. Измените эту строку так, чтобы она указывала на каталог, который мы создали на диске C:

DocumentRoot "C:/apachesite"

Ниже этой директивы есть несколько Директив Директивы; вам нужно будет установить второй, чтобы он указывал на тот же путь, что и DocumentRoot:

<Directory "C:/apachesite">

Сохраните файл и перезапустите Apache, который вы можете сделать, щелкнув левой кнопкой мыши значок в области уведомлений и выбрав Apache2.2 → Restart. Чтобы подтвердить, что он работает, создайте новый HTML-файл с именем index.html в новом каталоге и снова попросите localhost из браузера:

Установка PHP

Затем мы можем установить PHP, чтобы Apache мог запускать файлы PHP, когда это необходимо; создайте еще один новый каталог на диске C и вызовите его php, затем откройте PHP zip, который мы скачали, и перетащите все содержимое в папку php. Это все, что нам нужно сделать в отношении «установки»; все, что нам нужно сделать, это настроить Apache для его использования.

Настройка Apache для использования PHP

Еще раз отредактируйте файл httpd.conf; после того, как все директивы AddModule возле начала файла добавят следующий новый код:

####### PHP Config ###########
LoadModule php5_module "C:/php/php5apache2_2.dll"
AddType application/x-httpd-php .php
PHPIniDir "C:/php"
##############################

Сохраните файл, но не беспокойтесь о перезапуске Apache, так как нам нужно сделать еще пару изменений и перезагрузить компьютер.

Настройка PHP

Как и Apache, PHP опирается на конфигурацию на основе файлов; в папке C: php переименуйте файл php.ini-рекомендуется в php.ini. Теперь нам нужно добавить переменную класса в Windows, чтобы он знал, где находятся файлы PHP. Вам нужно будет вернуться к панели управления и открыть системный апплет. На вкладке «Дополнительно» в нижней части диалогового окна находится кнопка «Переменные среды» - нажмите эту кнопку, и откроется новое диалоговое окно:

Новый диалог разделен на 2 раздела; в нижней части выберите строку с именем «Путь» в качестве имени переменной (вам нужно прокрутить вниз немного), а затем нажмите кнопку «Изменить» под вторым разделом, чтобы открыть редактор:

Перейдите в конец строки значений Variable и добавьте следующий текст к значению exsting:

;C:php;

Это будет отображаться в папке php, которую мы создали на диске C, и которую мы распаковали файлы PHP из zip-файла. Очень важно, чтобы вы не удаляли какой-либо существующий текст в значении (или другие программы на вашем компьютере или на всей вашей машине, могут перестать работать), и что вы вводите новый текст точно так, как он отображается выше. После этого нажмите «ОК» в трех диалоговых окнах и перезагрузите компьютер.

После перезагрузки компьютера значок Apache должен по-прежнему иметь зеленый символ воспроизведения, и PHP должен быть успешно настроен. Чтобы протестировать его, создайте страницу в текстовом редакторе и добавьте к ней следующий код:

<?php phpinfo() ?>

Сохраните новый файл как phpinfo.php в папке C: apachesite, а затем запросите страницу, введя следующий адрес в адресной строке браузера:

http://localhost/phpinfo.php

В вашем браузере должна отображаться страница с информацией о PHP:

Успех! Теперь нам просто нужно установить Mysql, и все готово.

Установка Mysql

Запустите установщик Mysql, который мы скачали, и продолжаем нажимать «Далее», пока не дойдете до мастера настройки:

Снимите флажок «Регистр» и нажмите кнопку «Готово». Нажмите еще раз еще раз, а затем на следующем экране выберите параметр детальной настройки по умолчанию:

На следующем экране выберите опцию Developer Machine:

После нажатия кнопки «Далее» на приведенном выше экране снова выберите параметр по умолчанию на следующем экране:

Перейдите со значениями по умолчанию, которые также выбраны на следующем экране:

И снова, просто пойдите с опцией по умолчанию на следующей странице:

На следующем экране обе опции отмечены флажками, просто проверяйте их и перемещайте:

Не беспокойтесь о том, чтобы проверить флажок «Исключение брандмауэра», независимо от того, требуется ли это, зависит от вашей системы и брандмауэра, поэтому вы можете сделать это через минуту вручную, если потребуется. Если вам просто нужен стандартный набор символов латинского алфавита, вы можете снова выбрать по умолчанию и щелкнуть дальше:

На следующем экране сохраняйте значения по умолчанию, но также установите флажок, чтобы добавить путь выполнения к переменной пути Windows (мы сделали это вручную при настройке PHP):

Введите новый пароль для учетной записи Root и нажмите «Далее» еще раз:

На последнем экране нажмите кнопку «Выполнить», и изменения конфигурации будут применены:

После завершения работы мастера вы увидите подтверждение:

На этом этапе вы должны снова перезагрузить компьютер. Вам не будет предложено, но Windows непостоянна, и установка может работать неправильно, если вы этого не сделаете. Поэтому убедитесь, что вы это делаете.

Тестирование Mysql

Хорошо, так что вы вернулись после правильной перезагрузки? Хорошо. Давайте просто проверим, работает ли Mysql правильно. В стартовом меню должно быть приложение клиента командной строки Mysql, выберите это и введите пароль, который вы установили при запуске мастера настройки Mysql. Вы должны увидеть следующий экран:

Введите в командной строке следующую команду:

show databases;

Должны быть показаны используемые базы данных; по умолчанию установлена тестовая база данных:

Введите команду

use test;

Будет выбрана тестовая база данных:

Давайте создадим базовую таблицу; введите следующую команду:

create table users(name varchar(20), age int);

Это создаст новую таблицу с именем users и добавит к ней два столбца, один из которых будет содержать данные имени, состоящие из 20 переменных символов (буквенно-числовые), а второй для хранения данных возраста как целого. Нажмите Enter, и вы должны получить сообщение Query OK, чтобы подтвердить, что таблица была создана:

Чтобы заполнить таблицу некоторыми фиктивными данными, используйте следующую команду:

insert into users values('Dan', 31);

После того, как вы нажмете enter, вы должны получить сообщение об успешном завершении:

В качестве окончательного теста мы можем проверить, что данные были вставлены в таблицу по-разному с помощью команды select:

select * from users;

Что должно показать таблицу и данные, которые мы вставили:

Настройка PHP для общения с Mysql

Все, что нам нужно сделать, это настроить PHP для общения с Mysql; ранее мы переименовали файл в php.ini в папку C: php, откройте этот файл в текстовом редакторе. Прежде всего, прокрутите вниз до раздела «Контуры и каталоги» и найдите директиву extension_dir в строке 536; измените его так, чтобы оно выглядело следующим образом:

extension_dir = "./ext"

Затем прокрутите вниз до раздела «Динамические расширения», который начинается в строке 628. В разделе «Расширения Windows» удалите полуколону из следующих строк:

extension = php_mysql.dllnextension = php_mysqli.dll

Это все, что нам нужно делать; сохраните файл и снова перезагрузите компьютер. После перезапуска вы можете снова проверить поддержку Mysql на странице phpinfo.php:

Это в значительной степени гарантия успеха, но на самом деле мы должны создать еще один PHP-файл, чтобы мы могли проверить, что мы можем читать данные из нашей базы данных; в текстовом редакторе создайте следующий файл:

<?php
  $user = 'root';
  $password = your_password_here;
  $database = 'test';
  $server = 'localhost';
  $coect = mysql_coect($server, $user, $password);
  $select = mysql_select_db($database, $coect);
  $query = mysql_query('select * from users');
  $data = mysql_fetch_assoc($query);
  echo 'Hi ' .$data['name']. ' you are ' .$data['age'];
  mysql_close($coect);
?>

Сохраните это как phpmysql.php в C: apachesite и попросите его использовать ваш браузер; вы должны увидеть следующее сообщение:

Если это не сработает, попробуйте поместить брандмауэр в режим обучения и посмотреть, получаете ли вы уведомление о том, разрешать ли приложение при запуске страницы.

Резюме

Мы действительно добились успеха и создали идеальную среду разработки для создания динамических страниц на основе AJAX. Конечно, могут быть различные программы, которые мы можем запускать, которые будут выполнять некоторые или все настройки для нас, но которые могут работать или не работать в последней версии Windows, но где это весело? Получение Apache, Mysql и PHP, настроенных вручную, является достижением, и это дает нам возможность узнать больше о платформах, которые мы используем при создании современных веб-приложений.

Получить нас в Твиттере или подписаться на Nettuts + RSS-канал для лучших учебных руководств по веб-дизайну на веб-сайте.