Показаны сообщения с ярлыком Создаём сайт. Показать все сообщения
Показаны сообщения с ярлыком Создаём сайт. Показать все сообщения

среда, 25 апреля 2012 г.

Установить WordPress на локальный компьютер


       Здравствуйте уважаемые читатели блога tvoysite5min.blogspot.com 
     Новые темы и плагины завораживают Вас! Вы хотите все проверить и опробовать! При этом затратить как можно меньше времени и не навредить своему действующему проекту, предлагаю Вам установить приложение WordPress на свой локальный компьютер!
     Прежде чем мы перейдем в сам процесс установки, давайте взглянем на некоторые причины, почему Вы можете захотеть установить копию WordPress на Ваш локальный компьютер:
1. Установить копию WordPress на локальный компьютер, для тестирования новых тем, плагинов и других хитростей для WordPress не причиняя неудобств пользователям которые будут посещать Ваш сайт в тот момент.
2. Большинство поставщиков предлагают сервера на базе Linux`a, если Вы установите WordPress на локальном компьютере то Вы сможете проверить особенности этого мощного программного обеспечения в более знакомой среде такой как Windows.
3. Так же перед началом использования в среде интернет WordPress`a, Вы можете сначала с ним ознакомиться у себя на компьютере, а уже после начать использовать его на сервере. 

                                                          Установка WordPress

      Найдите папку xampp, как мы уже помним, что она была установлена на локальном диске , к примеру C:\xampp. Распакуйте приложение WordPress`a в папку htdocs, лучше будет, если Вы в папке htdocs создадите отдельную папку под WordPress, выглядеть это будет так: C:\xampp\htdocs\wordpress


 

        В окне браузера, адрес по которому загружается WordPress будет выглядит так: http://localhost/wordpress/. С этого адреса мы и будет производить установку WordPress`a. 



Нажимаем создать файл настроек



       Как Вы заметили, то я занес в настройки wp-config базу и имя которое уже стояло по умолчанию, добавил только пароль. 
Имя базы данных: mysql 
Имя пользователя: root 
Пароль: root 
Сервер базы данных: localhost 
Префикс таблиц: wp_ 



     Перед самой установкой нужно обозвать наш проект, например, «Локальный тестовый сайт», а так же создать имя и пароль для входа в панель администратора

   
       После успешной установки WordPress можете проверить главную страничку своего сайта, Вам только нужно перейти по адресу: http://localhost/wordpress/

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

Установка и настройка сервера XAMPP на Windows

    В этой статье я постараюсь дать наиболее полный обзор веб-сервера XAMPP, сравнение версий для Windows, объясню как его установить, настроить и непосредственно перейти к работе над веб-проектом. В статье рассмотрены следующие темы:
Установка веб-сервера XAMPP
Настройка виртуальных хостов
«Отладочная заглушка» для sendmail
Установка WordPress на XAMPP


   Для начала рассмотрим что из себя представляет веб-сервер XAMPP и сравним версии для Windows.

Версия веб-сервера
XAMPP Windows 1.7.2 [Basic package]
XAMPP Lite 1.7.2














Библиотеки
Apache 2.2.12 (IPV6 enabled)
Apache 2.2.12 (IPV6 enabled)
MySQL 5.1.37 (Community Server) with PBXT engine 1.0.08-rc
MySQL 5.1.37 (Community Server) with PBXT engine 1.0.08-rc
PHP 5.3.0 + PEAR (PEAR, Mail_Mime, MDB2, Zend)
PHP 5.3.0 + PEAR
Perl 5.10.0 (Bundle::Apache2, Bundle::Apache::ASP, Bundle::Email, Bundle::DBD::mysql, DBD::SQlite)
Mini Perl 5.10.0
XAMPP Control Version 2.5.8 (ApacheFriends Edition)
XAMPP Control Version 2.5.8 (ApacheFriends Edition)
XAMPP CLI Bundle 1.6
XAMPP CLI Bundle 1.6
XAMPP Port Check 1.4
XAMPP Port Check 1.4
XAMPP Security 1.1
XAMPP Security 1.1
SQLite 2.8.17
SQLite 2.8.17
SQLite 3.6.16
SQLite 3.6.16
OpenSSL 0.9.8k
OpenSSL 0.9.8k
phpMyAdmin 3.2.0.1
phpMyAdmin 3.2.0.1
ADOdb v5.09a
            -
FPDF v1.6
            -
Zend Framework 1.9 Minimal Package (via PEAR)
           
            -
Mercury Mail Transport System v4.62
            -
msmtp 1.4.17 (a sendmail compatible SMTP client)
msmtp 1.4.17 (a sendmail compatible SMTP client)
FileZilla FTP Server 0.9.32

Webalizer 2.21-02 (with GeoIP lite)
Webalizer 2.21-02 (with GeoIP lite)
Xdebug 2.0.5 for PHP
             -
eAccelerator 0.9.6-rc1 for PHP
             -
Ming 0.4.2 for PHP
Ming 0.4.2 for PHP
PDF with pdflib lite v7.0.4p4 for PHP
PDF with pdflib lite v7.0.4p4 for PHP
Системные требования
128 MB RAM
128 MB RAM
256 MB free fixed disk
160 MB free fixed disk
Windows 2000, XP (Server 2003), Vista (Server 2008). W 7
Windows 2000, XP (Server 2003), Vista (Server 2008), W 7
all systems 32 bit (64 bit not tested)
all systems 32 bit (64 bit not tested)
Размер
EXE 44MB ZIP 84MB
EXE 26MB ZIP 56MB
Станица загрузки

    Вопрос выбора версии заключается лишь в наличии необходимых библиотек (см. табл. выше), облегченная версия по заявлению авторов обновляется не так часто как полный пакет, процесс установки обеих версий абсолютно идентичен. Переходим на сайт по указанным выше ссылкам и качаем подходящую вам версию (в обзоре я буду говорить об установке и настройке XAMPP Windows 1.7.2 [Basic package], установка производилась на Windows 7 Ultimate x86).

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

1. Начинаем установку XAMPP. Откроется окно, в котором нам предлагается выбрать путь для размещения сервера. По-умолчанию это диск C:\. Я не буду изменять путь и установлю сервер на предложенный диск. Нажимаем кнопку Install и ждем пока дистрибутив полностью распакуется.


2. После распаковки дистрибутива запустится командная строка, далее основная установка будет происходить через нее. XAMPP предлагает создать ярлыки на рабочем столе и в меню пуск, нажимаем enter.


3. Теперь у нас спрашивают, правильно ли выбран каталог установки XAMPP, по-умолчанию сервер будет располагаться по следующему адресу C:\xampp, нажимаем enter.


 4. Хотим ли мы установить портативную версию? Нажимаем enter, т.к. XAMPP устанавливается на жесткий диск.


5. Окончательная установка XAMPP. Нажимаем enter для продолжения.


6. Автоматический выбор часового пояса. Нажимаем enter.


7. Запустим панель управления XAMPP (XAMPP Control Panel), выбираем 1 и жмем enter.


8. Открылась панель управления сервером. Закрываем командную строку.


      Подсказки по панели управления: Checkboxes (Svc) - устанавливает модуль в качестве службы Windows (если вы хотите запускать какой либо модуль (Apache, MySQL и т.д.) как службу, то отмечаем соответствующие флажки) Admin - запускует администрирование модулем (Admin напротив модуля Apache - откроет окно приветствия XAMPP, выбираем язык. И попадаем в веб-интерфейс XAMPP, здесь можно проверить демонстрационные примеры в разделе Demos, узнать информацию о модулях и т.д. Admin напротив модуля MySQL - запустит phpMyAdmin) Shell - запуск командной строки для работы с сервером; Setup - открывает командную строку для настройки XAMPP; Port-Check - проверка портов; Explore - открывает папку в которую установлен XAMPP, в нашем случае C:\xampp; SCM - открывает окно управления службами Windows; Refresh - обновление состояния модулей; Запускается XAMPP с помощью ярлыка на рабочем столе или в меню пуск, если же вы при установке отказались от создания ярлыков, вы можете запустить XAMPP с помощью файла xampp-control.exe в директории C:\xampp, там же вы можете увидеть все остальные ярлыки, которыми можно запустить отдельные модули, деинсталировать XAMPP и т.п. Иконка XAMPP удобно сидит в трее и при щелчке левой кнопки мыши открывает панель управления (XAMPP Control Panel). 9. Запускаем модули Apache и MySQL (кнопки Start), набираем в браузере localhost (или жмем Admin напротив модуля Apache):


10. При первом запуске откроется страница приветствия, выбираем один из предложенных языков:


11. Попадаем в веб-интерфейс XAMPP, здесь вы можете ознакомиться документацией, примерами в разделе Demos и т.д.:



    В разделе Security находятся настройки безопасности:


     Перейдя по указанной ссылке http://localhost/security/xamppsecurity.php, можно задать пароль для администратора баз данных MySQL и можно установить пароль на директорию XAMPP для ограничения доступа из локальной сети:


      Итак, мы установили и ознакомились с веб-сервером XAMPP, теперь настало время создать тестовую страницу и разместить наш проект. Для того чтобы создать новый сайт на локальном веб-сервере, необходимо создать папку с названием сайта в папке C:\xampp\htdocs\, например blog и создадим там тестовый php-скрипт с кодом: Сохраним как index.php. Структура папок: Переходим в браузере по адресу http://localhost/blog/ и, если все сделано правильно, видим приветствие "Hello world!", тем самым мы протестировали работоспособность сервера:


                                    Настройка виртуальных хостов

     Если мы хотим хранить свои проекты в другой папке (например, Мои документы) или локальная версия сайта должна работать при переходе по адресу www.blog.ru вам необходимо разобраться с настройкой виртуальных хостов, об этом и пойдет речь в данном подразделе.

      Предположим наш сайт должен храниться на диске C в папке my_projects (C:\my_projects), в браузере он должен открываться по адресу www.blog.local или blog.local.

     Создадим в папке my_projects папку с названием blog.local, в ней создадим папки www и logs. В папку www положим наш тестовый скрипт index.php.

       Вот так это будет выглядеть в файловой системе Windows:


      Теперь перейдем к настройке виртуальных хостов. Открываем в текстовом редакторе файл httpd-vhosts.conf, расположенный по следующему адресу: C:\xampp\apache\conf\extra.

     Все что находится в файле httpd-vhosts.conf мы трогать не будем, а просто добавим наши хосты (просто скопируйте и вставьте в файл приведенный ниже код):

NameVirtualHost *:80

<VirtualHost *:80>
    DocumentRoot "C:\xampp\htdocs"
    ServerName localhost
</VirtualHost>

<VirtualHost *:80>
    ServerAdmin webmaster@blog.local
    DocumentRoot "C:\my_projects\blog.local\www"
    ServerName blog.local
    ServerAlias www.blog.local
    ErrorLog "C:\my_projects\blog.local\logs\error.log"
    CustomLog "C:\my_projects\blog.local\logs\access.log" combined
  <Directory "C:\my_projects\blog.local\www">
    AllowOverride All
    Order allow,deny
    Allow from all
  </Directory>
</VirtualHost>

       Верхний виртуальный хост, выделен другим цветом, позволит нам по прежнему заходить на localhost (локальный сайт XAMPP).

        Следующим шагом нам потребуется добавить две строчки в файл hosts, расположенный по следующему адресу C:\Windows\System32\drivers\etc\hosts (также рекомендую создать для него ярлык в папке сервера):
127.0.0.1     blog.local
127.0.0.1     www.blog.local

     Заходим в панель управления XAMPP (XAMPP Control Panel) и перезапускаем Apache. Теперь проверим наш сайт, который должен работать по адресу www.blog.local. Если все сделано верно, то мы увидим приветствие "Hello world!".

    Так как скорее всего понадобится создание нескольких сайтов на локальном сервере, приведу пример добавления хостов в файл httpd-vhosts.conf. Предположим новый сайт будет называться site.local:
NameVirtualHost *:80

<VirtualHost *:80>
    DocumentRoot "C:\xampp\htdocs"
    ServerName localhost
</VirtualHost>

<VirtualHost *:80>
    ServerAdmin webmaster@blog.local
    DocumentRoot "C:\my_projects\blog.local\www"
    ServerName blog.local
    ServerAlias www.blog.local
    ErrorLog "C:\my_projects\blog.local\logs\error.log"
    CustomLog "C:\my_projects\blog.local\logs\access.log" combined
  <Directory "C:\my_projects\blog.local\www">
    AllowOverride All
    Order allow,deny
    Allow from all
  </Directory>
</VirtualHost>

<VirtualHost *:80>
    ServerAdmin webmaster@site.local
    DocumentRoot "C:\my_projects\site.local\www"
    ServerName site.local
    ServerAlias www.site.local
    ErrorLog "C:\my_projects\site.local\logs\error.log"
    CustomLog "C:\my_projects\site.local\logs\access.log" combined
  <Directory "C:\my_projects\site.local\www">
    AllowOverride All
    Order allow,deny
    Allow from all
  </Directory>
</VirtualHost>

      Также не забываем добавить следующие строчки в файл hosts в папке Windows:
127.0.0.1     site.local
127.0.0.1     www.site.local

       Перезапускаем Apache и новый хост готов для работы.

       По аналогии можно добавить сколько угодно виртуальных хостов.

    Немного справочной информации относительно того, что мы добавляем в файл httpd-vhosts.conf:

ServerAdmin webmaster@blog.local - e-mail-адрес администратора веб-сервера;

DocumentRoot "C:\my_projects\blog.local\www" - путь к папке с сайтом;

ServerName blog.local - название сайта, которое набирается в браузере, может иметь любое значение, например blog или blog.ru;

ServerAlias www.blog.local - адрес по которому сайт также должен открываться;

ErrorLog "C:\my_projects\blog.local\logs\error.log" - журнал ошибок;

CustomLog "C:\my_projects\blog.local\logs\access.log" combined - журнал доступа к сайту, кто и когда заходил на сайт и с какого браузера, combined - означает, что отчет будет более информативным, можно заменить значением common (менее информативно);
<Directory "C:\my_projects\blog.local\www">
  AllowOverride All
  Order allow,deny
  Allow from all
</Directory>

    Приведенная выше конструкция разрешает отображение всех файлов в указанной директории и назначает максимально возможные привилегии (без AllowOverride All не будут работать ЧПУ).

   Если делали все внимательно, то создание новых сайтов на виртуальном сервере не составит для вас труда, ошибки могут быть из-за синтаксиса, к примеру если вы допустите ошибку в httpd-vhosts.conf, Apache может просто не запустится. Для анализа ошибок воспользйтесь логами Apache, файл error.txt расположенный в по адресу C:\xampp\apache\logs.



                        «Отладочная заглушка» для sendmail

   Если вы пользовались Denwer-ом, то помните, что все письма с локального сайта отправлялись в папку sendmail, это достаточно удобно, но в XAMPP такой функции не предусмотрено, в XAMPP есть собственный почтовый сервер, но он потребует немало времени, чтобы с ним разобраться.

С помощью описанной ниже инструкции, вы сможете создать такую же "заглушку" как и в Denwer.

1. В папке sendmail (C:\xampp\sendmail) создадим файл sendmail.php с кодом:
<?php

define('DIR','c:/xampp/tmp/sendmail/');

$stream = '';
$fp = fopen('php://stdin','r');
while($t=fread($fp,2048))
{
if( $t===chr(0) )
break;
$stream .= $t;
}
fclose($fp);

$fp = fopen(mkname(),'w');
fwrite($fp,$stream);
fclose($fp);

function mkname($i=0)
{
$fn = DIR.date('Y-m-d_H-i-s_').$i.'.eml';
if ( file_exists($fn) )
return mkname(++$i);
else return $fn;
}

?>

     В моем случае предполагается получение писем в кодировке UTF-8, если вы хотите получать письма в в кодировке CP1251, то замените строчку:

fwrite($fp,$stream);

на строчку:

fwrite($fp,iconv("UTF-8","CP1251",$stream));

2. В файле php.ini (C:\xampp\php) заменяем строчку:

sendmail_path = "C:\xampp\sendmail\sendmail.exe -t"

на строчку:

sendmail_path = C:\xampp\php\php.exe c:\xampp\sendmail\sendmail.php

Строка должна быть раскомментирована (убрать символ точки с запятой ";" в начале строки).

3. Создадим папку sendmail в папке tmp (C:\xampp\tmp\sendmail).

4. Перезапускаем сервер Apache и теперь все отправленные письма будут в папке C:\xampp\tmp\sendmail

    Руководство по созданию "отладочной заглушки" для XAMPP было предложено Anton L. Safin.

                                      Установка WordPress на XAMPP

      Для установки WordPress будем использовать, ранее созданный, виртуальный хост blog.local, следовательно и файлы движка будут располагаться в папке blog.local (C:\my_projects\blog.local\www).

 1. Скачиваем свежую версию WordPress с официального сайта www.wordpress.org и распаковываем архив в папку www (содержимое папки wordpress в архиве). 

 2. Перейдем в phpMyAdmin и создадим базу данных для нашего блога: 


     Новая база данных: blog; сравнение: utf8_general_ci; сопоставление соединения с MySQL: utf8_general_ci → нажимаем кнопку Создать. Итак, база данных создана: 


3. Вернемся в папку в которую мы распаковали WordPress и найдем файл wp-config-sample.php, переименуем его в wp-config.php и откроем в любом текстовом редакторе, который поддерживает кодировку UTF-8 и введем свои данные: - Имя базы данных для WordPress: blog; - Имя пользователя MySQL: root; - Пароль пользователя MySQL: оставляем пустым, если в настройках Security ничего не указывали; - Адрес сервера MySQL: localhost; - Кодировка базы данных при создании таблиц: utf8; - Схема сопоставления: utf8_general_ci; Выглядеть это должно так: /** Имя базы данных для WordPress */ define('DB_NAME', 'blog'); /** Имя пользователя MySQL */ define('DB_USER', 'root'); /** Пароль пользователя MySQL */ define('DB_PASSWORD', ''); /** Адрес сервера MySQL */ define('DB_HOST', 'localhost'); /** Кодировка базы данных при создании таблиц. */ define('DB_CHARSET', 'utf8'); /** Схема сопоставления. Не меняйте, если не уверены. */ define('DB_COLLATE', 'utf8_general_ci'); Сохраняем и закрываем файл. Важно чтобы все изменения в файле wp-config.php сохранились в кодировке UTF-8!

 4. Переходим в браузере по адресу blog.local и видим страницу приветствия WordPress, вводим название блога и e-mail администратора (все письма мы можем посмотреть в папке sendmail, речь о которой шла выше): 


      Нажимаем "Установить WordPress" и попадаем на страницу с логином и паролем: 


     Вход в панель администрирования блогом: http://blog.local/wp-admin/ Переход на блог: http://blog.local 


      В заключении хочу сказать, что XAMPP очень понравился в работе, работает быстро, ошибок нет, то, что некоторые надстройки надо выполнять вручную, я считаю только плюсом.