Страницы

воскресенье, 21 июля 2013 г.

Джентельменский набор веб-разработчика.

Недавно я подробно в картинках рассказал как подготовить к использованию Node.js и Redis. В этот раз предлагаю установить среду разработки. Последнее время мне все чаще приходится иметь дело с Node.js и PHP, и в качестве IDE я выбрал NetBeans. Операционная система - Ubuntu. Разумеется рабочее окружение у каждого свое - как говорится "на вкус и цвет", поэтому дальнейшее повествование не претендует на статус догмата.


Для установки NetBeans требуется Java.
Открываем терминал (Ctrl+Alt+T).
Добавляем репозиторий: 
- sudo add-apt-repository ppa:webupd8team/java

Устанавливаем JDK 7u25:
sudo apt-get install oracle-java7-installer

Соглашаемся с условиями лицензионного соглашения:

Принимаем условия лицензии еще раз:

После чего начинается загрузка пакета и установка:

После завершения установки проверим версию Java:
- java -version

Идем на страницу загрузки NetBeans, качаем необходимую версию. В нашем случае - версия PHP.

Переходим в каталог загрузки, разрешаем выполнение файла:
- chmod +x netbeans-7.3.1-php-linux.sh

Устанавливаем IDE:
./netbeans-7.3.1-php-linux.sh

На очереди браузер. Я выбрал Chromium, так как привык использовать Chrome DevTools.
Здесь все просто - можно без проблем установить через "Центр приложений" Ubuntu. 

Посещаем магазин Chrome, устанавливаем расширение NetBeans Connector - пригодится для отладки HTML-приложений. 



Запускаем NetBeans, создаем проект приложения HTML5.

В конфигурации проекта выбираем браузер для отладки - Chromium.

Выполняем отладку проекта.


Подробнее об использовании NetBeans в процессе разработки HTML5 и PHP проектов читаем в документации.

Создадим ярлыки браузера Chromium и NetBeans IDE на рабочем столе: запускаем Nautilus, отправляемся по адресу  /usr/share/applications ,копируем ярлыки на рабочий стол.

Переходим к установке LAMP.
На всякий случай обновим список пакетов репозитория:
- sudo apt-get update
Устанавливаем:
- sudo apt-get install lamp-server^



Введем пароль пользователя root для MySQL:

Повторим пароль:

После завершения установки вводим в адресной строке браузера localhost:

Индеец жив :).

Конфигурируем Apache. Создадим новый виртуальный хост.
Начнем с создания файла конфигурации нового хоста:
sudo cp /etc/apache2/sites-available/default /etc/apache2/sites-available/mysite

Открываем созданный выше файл:
- gksudo gedit /etc/apache2/sites-available/mysite

... обламываемся, устанавливаем gksu: 

Пытаемся открыть файл еще раз, редактируем: изменим директивы Document Root и Directory на /home/<user>/NetBeansProjects/ :

Сохраняем изменения в файле, закрываем gedit.

Деактивируем дефолтный хост, активируем свежий:
sudo a2dissite default && sudo a2ensite mysite

Перезапускаем индейца:
- sudo service apache2 reload

В браузере переходим по адресу созданного выше HTML5-приложения:

В NetBeans создадим приложение PHP.

Свойства проекта оставим по умолчанию.

В файл index.php добавим единственную строчку кода, которая вернет нам информацию о текущей конфигурации PHP:

Запускаем проект (F6):

Среда разработки готова к использованию.