Молескин

14 Сентябрь 2011

Хостинг на дому. Часть вторая. Виртуальный хостинг

Опубликовано в Молескин, Блог, Обучение, Joomla, Програмирование

Итак, я обзавелся Synology DS211 и трех терабайтным диском.

Synology DS211

После ночного форматирования, проверки диска и апдэйта DSM, DiskStation был готов к работе.

Для начала я создал несколько учетных записей, для пользователей сервера. Параллельно запустил прилагаемый к серверу диск, который сам мне все настроил. И в Finder’е в Shared у меня появился DiskStation.

Опущу все остальные настройки и перейду сразу к переезду сайтов.

Для всех последующих действий необходим внешний статический IP адрес


Указание статического IP

  • Идем в Control Panel → System → Network;
  • Выбираем Network Interface → LAN → Use manual configuration → IP address: (например 10.0.1.111) → OK. Screenshot

Настройка роутера

Первым делом необходимо настроить порты. Если твой роутер не попал в список рекомендуемых роутеров, как это произошло у меня, то тебе придется настраивать порты вручную. Если у тебя роутер из списка, DiskStation все сделает за тебя: Control Panel → Router Configuration → etc.

У меня AirPort Extereme. Сейчас расскажу, как его настроить:

  • Открываем AirPort Utility;
  • Выбираем Manual Setup;
  • Идем в Internet → NAT; Screenshot
  • Чекаем Enable NAT Port Mapping Protocol;
  • Нажимаем Configure Port Mappings…
  • Нажимаем +;
  • Вводим значение внешнего порта (например 80), вводим IP DiskStation’а (например 10.0.1.201), вводим значение внутреннего порта (например 200). Таблица внутренних портов Synology;
  • Так я промапил TCP: 80 → 200 для попадания на вебсайт, TCP: 3306 → 3306 для MySQL базы; Screenshot
  • Жмем Update.

Расчистка места для сайтов

  • Идем в Control Panel → Network Services → Web Services;
  • Чекаем Enable Web Station и Enable MySQL;
  • Жмем OK;
  • Нажимаем кнопку Virtual Host. Здесь мы укажем c какого хостнэма в какую папку перенаправлять;
  • В моем случае: go-cz | go-cz.ru | HTTP | 200 и go-cz | www.go-cz.ru | HTTP | 200; Screenshot
  • После этого в папке web появится папка go-cz в которую мы положим пустой index.html файл с красным фоном;
  • Зайдем на 10.0.1.111/go-cz для проверки. Screenshot

Настройка MySQL

  • Идем в Start → Package Center;
  • В Available выбираем phpMyAdmin;
  • Устанавливаем;
  • Запускаем;
  • Теперь по адресу 10.0.1.111/phpMyAdmin у тебя живет phpMyAdmin;
  • Логин: root, пароля нет. Его нужно сразу сделать;
  • phpMyAdmin доступен лишь внутри сети, залогиниться извне не получится.

Перенос сайта на Joomla

Для безболезненного переноса сайта воспользуемся компонентом Akeeba Backup, который сделает копию сайта вместе с базой.

  • Устанавливаем Акибу; Screenshot
  • Идем в настройки;
  • Изменяем способ архивирования на ZIP; Screenshot
  • Сохраняем;
  • Делаем резервное копирование; Screenshot
  • Скачиваем получившийся архив;
  • Копируем его в папку для вебсайта (в моем случае web/go-cz);
  • Распаковываем и удаляем красный index.html; Screenshot
  • Заходим на 10.0.1.111/go-cz и видим Akeeba Backup Installer;
  • Жмем Next; Screenshot
  • Указываем данные новой базы:
    • localhost
    • root
    • пароль
    • название базы
    Screenshot
  • Указываем названия сайта и админовский пароль;
  • Удаляем папку installation;
  • Проверяем. Screenshot

Изменение DNS записей

Тут все зависит от твоего провайдера. Нужно изменить A запись домена с того что было (например, 123.456.789.000) на внешний IP адрес твоего роутера (например, 147.258.369.000). И через несколько часов сайт начнет загружаться из твоей комнаты.

В следующем выпуске я расскажу о настройке мэйлсервера.

PS: Проблема с /blog и /photo

Если на сайте есть путь /blog или /photo, то эти страницы не будут отображаться. Это связано с тем, что у Synology в конфиге аппача они зарезервированы для PhotoStation. Тащем-то.

Решение проблемы:

  • Включаем SSH. Control Panel → Network Services → Terminal;
  • Чекаем Enable SSH services;
  • Открываем Terminal;
  • Логинимся на DS (например, Этот адрес электронной почты защищен от спам-ботов. У вас должен быть включен JavaScript для просмотра.) и вводим пароль;
  • Копипастим: vi /usr/syno/apache/conf/extra/httpd-autoindex.conf-user;
  • Откроется реактор vi. Жмем i;
  • Жмем стрелку вниз и ставим # перед каждой строкой где упоминаются алиасы или редиректы для photo и blog;
    Приблизительно так:
    AliasMatch ^/photo$ "/usr/syno/synoman/phpsrc/photo"
    Alias /photo/ "/usr/syno/synoman/phpsrc/photo/"
    Alias /photosrc/ "/var/services/photo/"
    Alias /webdefault/ "/usr/syno/synoman/phpsrc/web/"
    # AliasMatch ^/blog$ "/usr/syno/synoman/phpsrc/blog/"
    # Alias /blog/ "/usr/syno/synoman/phpsrc/blog/"
    # RedirectMatch ^/blog/include/v(.*) /blog/include/get_video.php?$1
  • Жмем Esc, печатаем :x и жмем Return;
  • Рестартим апач копипастой: /usr/syno/etc.defaults/rc.d/S97apache-user.sh restart;
  • Проверяем.

06 Сентябрь 2011

Хостинг на дому. Часть первая. NAS? NAS!

Опубликовано в Молескин, Блог, Обучение, Joomla, Програмирование

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

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

Synology DSM

Ты думаешь, что iPhone изменит мир? Нет, это сделают NAS сервера!

Свой поиск я начал с выявления основных игроков на рынке NAS серверов. Ими по прежнему остались QNAP и Synology. Остальные производители оказались или крупными компаниями, вроде ASUS, для которых NAS сервера — это побочный продукт или слишком молодыми, с малым опытом их производства.

Зайдя на сайт QNAP, я было подумал, что ничего не изменилось, уж больно их сайт напоминал web 1.0 творения матфизаковских преподавателей. А вот сайт Synology приятного удивил отличным, современным дизайном. В последствии их DSM — веб UI для настройки сервера, удивил еще больше.


Выбор пал на Synology.

Бегло сравнив технические характеристики, выяснилось, что у кьюнапа и синолоджи, практически одинаковые модели. Отличие в том, что кьюнап ставит в 2 раза больше памяти, чем синолоджи, но это можно списать на разницу во времени выхода на рынок разных моделей. Неприятно удивило, что память on-board, т. е. её нельзя проапгрейдить.

Synology DSM

Попробуем разрушить мифы, которые я описал в начале:

  • Кривой интерфейс. Веб интерфейс — отличный выбор для домашних серверов. Не привязан к софту. Не привязан к конкретной машине и кросс-платформинен. Быстр, а главное понятен. Более 100 разных функций сервера, легко настраиваются путем переключения галочек в интуитивно понятных местах.
  • Ненадежность и дороговизна дисков. Сигейт, как уже проверено, дает гарантию на свои диски — 5 лет. Да, это не синоним надежности, но при стоимости меньше 50 € за терабайт, можно позволить себе RAID и забыть о смене дисков на 5 лет.
  • Энергопрожорливость. В самом раскочегаренном состоянии NAS ест 13W, это в 5 раз меньше, чем макбук, в 7 раз меньше, чем ASUS M50 или, как два айФона. Если запаркует диски, то 6-9W

Myth Busted

Новые аргументы в пользу NASа:

  • Меня поразила легкость настройки виртуального хостинга. Ведь я содержу много маленьких сайтиков, с небольшой посещаемостью, и экономия на хостинге — серьезные аргумент в пользу домашнего сервера. Плюс, нынешнего канала домашнего интернета с лихвой хватит для содержания десятка сайтов.
  • Продвинутый торрент-клиент для закачки легального контента прямо в веб интерфейсе. Теперь не нужно что-то качать на компе, а потом скачивать на диск.
  • Встроенный медиа сервер для просмотра фильмов и сериалов на телевизоре.
  • iOS приложения для работы напрямую с сервером. Прекрасно стримает видео, а если надо, и конвертирует на ходу.

Решено, делаем хостинг у себя в комнате.

Продолжение на следующей неделе.

20 Июль 2011

Фотать незя!

Опубликовано в Блог, Молескин, Идеи

Продвинутые «депутаты» с айПадами обязаны замутить себе наклеечки.

А524МР

Скачать вектор!

13 Июнь 2011

Интернет в пражском метро

Опубликовано в Блог, Молескин, iOS, Путешествия, Прага

Модная CSS3 таблица с результатами под катом.


Line A

  Station Depth Type Opened Network standard Ping Download Upload Date of test
1 Dejvická 11,00 HOo 1978
2 Hradčanská 43,00 RPo 1978
3 Malostranská 32,00 RPo 1978
4 Staroměstská 28,00 RPo 1978
5 Můstek 29,30 RSo 1978 EDGEGPRS 864 ms999 ms 0.09 Mbps0.03 Mbps 0.02 Mbps0.00 Mbps Jun 14, 2011 18:01Jun 14, 2011 18:01
6 Muzeum 34,00 RPo 1978 EDGEGPRS 967 ms776 ms 0.12 Mbps0.03 Mbps 0.02 Mbps0.02 Mbps Jun 20, 2011 19:30Jun 20, 2011 19:30
7 Náměstí Míru 52,00 RPo 1978 EDGEGPRS 501 ms1059 ms 0.17 Mbps0.04 Mbps 0.04 Mbps0.01 Mbps Jun 20, 2011 18:35Jun 14, 2011 17:53
8 Jiřího z Poděbrad 45,00 RPo 1980 EDGEGPRS 497 ms796 ms 0.17 Mbps0.04 Mbps 0.03 Mbps0.00 Mbps Jun 20, 2011 18:40Jun 20, 2011 18:40
9 Flora 25,40 RPo 1980 EDGEEDGE 485 ms480 ms 0.17 Mbps0.09 Mbps 0.03 Mbps0.02 Mbps Jun 20, 2011 18:48Jun 20, 2011 18:46
10 Želivského 26,60 RPo 1980 EDGEGPRS 519 ms1180 ms 0.10 Mbps0.03 Mbps 0.04 Mbps0.00 Mbps Jun 20, 2011 18:50Jun 20, 2011 18:50
11 Strašnická 7,50 HOo 1987 EDGE3G 554 ms146 ms 0.15 Mbps1.84 Mbps 0.04 Mbps0.73 Mbps Jun 20, 2011 18:56Jun 20, 2011 18:56
12 Skalka 9,25 HSo 1990 EDGEGPRS 473 ms780 ms 0.17 Mbps0.04 Mbps 0.04 Mbps0.00 Mbps Jun 20, 2011 19:02Jun 20, 2011 19:02
13 Depo Hostivař 0,00 POo 2006 3G3G 147 ms262 ms 1.72 Mbps1.82 Mbps 2.09 Mbps1.21 Mbps Jun 20, 2011 19:09Jun 20, 2011 19:08

Line B

  Station Depth Type Opened Network standard Ping Download Upload Date of test
1 Zličín 2,80 HSo 1994 3G 158 ms 1.70 Mbps 1.57 Mbps Jun 21, 2011 19:01
2 Stodůlky 13,10 HSo 1994 EDGE3G 495 ms147 ms 0.18 Mbps0.98 Mbps 0.04 Mbps0.46 Mbps Jun 21, 2011 18:56Jun 21, 2011 18:56
3 Luka 0,55 POo 1994 3G3G 164 ms158 ms 1.07 Mbps0.58 Mbps 2.33 Mbps1.56 Mbps Jun 21, 2011 18:52Jun 21, 2011 18:51
4 Lužiny 7,00 HSo 1994 EDGE3G 516 ms237 ms 0.13 Mbps1.27 Mbps 0.04 Mbps0.46 Mbps Jun 21, 2011 18:41Jun 21, 2011 18:41
5 Hůrka 1,70 HSo 1994 3G3G 166 ms188 ms 1.74 Mbps1.86 Mbps 2.89 Mbps1.59 Mbps Jun 14, 2011 08:33Jun 14, 2011 08:33
6 Nové Butovice 5,30 HOo 1988 EDGEGPRS 658 ms914 ms 0.14 Mbps0.04 Mbps 0.02 Mbps0.00 Mbps Jun 15, 2011 12:46Jun 14, 2011 18:22
7 Jinonice 23,00 RPo 1988
8 Radlická 10,16 HOo 1988
9 Smíchovské nádraží 10,0 HOo 1985 EDGEGPRS 628 ms857 ms 0.15 Mbps0.04 Mbps 0.04 Mbps0.00 Mbps Jun 20, 2011 19:49Jun 20, 2011 19:49
10 Anděl 35,4 RPo 1985 EDGEGPRS 499 ms838 ms 0.14 Mbps0.03 Mbps 0.04 Mbps0.00 Mbps Jun 20, 2011 11:22Jun 20, 2011 11:22
11 Karlovo náměstí 40,0 RPo 1985 EDGEGPRS 485 ms742 ms 0.17 Mbps0.04 Mbps 0.03 Mbps0.00 Mbps Jun 14, 2011 08:47Jun 14, 2011 08:47
12 Národní třída 39,0 RPo 1985
13 Můstek 40,3 RSo 1985 EDGEGPRS 555 ms717 ms 0.12 Mbps0.04 Mbps 0.04 Mbps0.00 Mbps Jun 14, 2011 18:06Jun 14, 2011 18:06
14 Náměstí Republiky 40,0 RPo 1985
15 Florenc 39,0 RSo 1985
16 Křižíkova 34,8 RPo 1990
17 Invalidovna 20 RPo 1990
18 Palmovka 12,4 HOo 1990
19 Českomoravská 25,8 RPo 1990
20 Vysočanská 31 RPo 1998
21 Kolbenova 26 RPo 1998
22 Hloubětín 26 RPo 1998
23 Rajská zahrada 0 PSs 1998
24 Černý Most 0 PSp 1998

Line C

  Station Depth Type Opened Network standard Ping Download Upload Date of test
1 Letňany 10,3 HSo 2008
2 Prosek 13 HSp 2008
3 Střížkov 13 POp 2008
4 Ládví 7,00 HSo 2004
5 Kobylisy 31,50 ROo 2004
6 Nádraží Holešovice 7,00 HOo 1984
7 Vltavská 20,75 HOo 1984
8 Florenc 9,35 HOo 1974
9 Hlavní nádraží 6,50 HSp 1974
10 Muzeum 10,00 HOo 1974
11 I.P.Pavlova 19,00 HSo 1974
12 Vyšehrad 0,00 PSp 1974
13 Pražského povstání 8,00 HOo 1974
14 Pankrác 14,00 HSo 1974
15 Budějovická 9,00 HOo 1974
16 Kačerov 7 - 12 HSo 1974
17 Roztyly 6,00 HOo 1980
18 Chodov 10,0 HOo 1980
19 Opatov 11,00 HOo 1980
20 Háje 11,00 HOo 1980

{odnaknopka}

01 Июнь 2011

Warp6: прокачиваем мобильную тему

Опубликовано в Молескин, Блог, Обучение, tutOrials, iOS, Joomla, Програмирование

Ребята из YOOtheme на славу потрудились над Warp6, получился отличный фреймворк. Но его нужно немного прокачать для того, что бы сделать из сайта полноценный WebApp.

Add to Home Screen

Для начала, нужно создать иконку для приложения. Я сделал одну иконку размером 114×114 пикселей, потому что она слабо-детализирована и легко уменьшается устройством без потери качества. Если у твоей иконки много мелких элементов, то лучше сделать 3 иконки (57×57, 72×72 и 114×114) и почистить их вручную.

Потом я решил, что мне не нужен блик на иконке, для этого идем в {template-name}/warp/systems/joomla.1.6(или 1.5)/layouts/head.php и меняем:

<link rel="apple-touch-icon" href="<?php echo $this['path']->url('template:apple_touch_icon.png'); ?>" />
на 
<link rel="apple-touch-icon-precomposed" href="<?php echo $this['path']->url('template:apple_touch_icon_precomposed.png'); ?>" />
, т. е. в атрибуте rel добавляем «precomposed».

Если ты сделал 3 иконки, то меняем на:

<link rel="apple-touch-icon" href="<?php echo $this['path']->url('template:apple_touch_icon.png'); ?>" />
<link rel="apple-touch-icon" sizes="72x72" href="<?php echo $this['path']->url('template:apple_touch_icon_ipad.png'); ?>" />
<link rel="apple-touch-icon" sizes="114x114" href="<?php echo $this['path']->url('template:apple_touch_icon_iphone4.png'); ?>" />
и заливаем соответствующие файлы в корневой каталог шаблона.

Теперь идем в {template-name}/styles/mobile/layouts/template.php и добавляем в тег head:

<meta name="apple-mobile-web-app-capable" content="yes" />
Что бы убрать адрес бар в режиме вебаппа.
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
Перекрашиваем статус бар в нужный нам цвет, варианты: default, black, black-translucent.
<link rel="apple-touch-startup-image" href="<?php echo $this['path']->url('template:startup.png'); ?>" />

Что-бы девайс мог скачать загрузочное изображение и показывать его во время загрузки вебаппа. Изображение должно быть 320×460 пикселей и в формате png.

А вот готовый результат:

Add to Home Screen Pick name for App Home Screen Loading Screen kolyan's WebApp

PS Что бы логотип в хедере и логотип в футере хорошо выглядели на ретина дисплее ужимаем его программно т. е., например, создаем файл 100×100, в теге img добавляем атрибуты width="50" height="50"

<<  1 2 3 4 [56 7 8 9  >>