Чи не консоллю єдиною: як я підняв ISPmanager і розгорнув лендинг з IPad 3

Я думаю, що всі на Хабре, напевно, знають, як підняти сайт на VPS, використовуючи термінал і SSH-з'єднання. Але що робити, якщо в тебе під рукою є лише старенький планшет і потрібно розгорнути лендинг тут і зараз? Чи можна підняти сайт, просто натискаючи на веб-інтерфейсі в ISPmanager Lite? Чи загрожує це появою сивого волосся?

Ми вирішили влаштувати стрес-тест та розгорнути лендинг, використовуючи IPad 3 та ISPmanager. Подробиці про те, що з цього вийшло і багато скринів під катом.

Уявімо ситуацію: сиджу я такий на морському узбережжі в заслуженій відпустці після часткового відкриття кордонів привіт з коронавірусного року 2020, і навіть не можу подумати, що ось-ось наздожене робота. Але треба бути готовим до всього. 

Вважатимемо, що я поїхав без нічого, тому з техніки захопив тільки старенький IPad 3, щоб читати новини та дивитися фільми. Спробуймо в польових умовах і без терміналу під рукою швидко викотити односторінковий сайт.

Вхідні дані, завдання та перші кроки щодо її вирішення

ISPmanager - Панель керування веб-сервером. З її допомогою можна створювати необмежену кількість користувачів (шаблонів користувачів) та керувати ними. Також створювати та керувати web доменами: є можливість вибору режиму роботи php, встановлення SSL сертифіката, швидке встановлення популярних cms на домен, налаштування редиректів та ssl перенаправлень. З ISPmanager можна керувати DNS та БД, редагувати файли прямо з панелі, просто виставляти права доступу, керувати файрволом. Детальний огляд ISPmanager та його можливостей ми робили в минулому році.

Але погнали вирішувати завдання, спершу замовимо VPS.

Вибираємо дату-центр. Є два варіанти оплати, мені підходить щомісячний платіж, щоб платити за споживані ресурси. Збираємо свою конфігурацію, настановний шаблон з ISPmanager та ОС.

Тепер переходимо до панелі ISPmanager.

Проходимо авторизацію та погоджуємось на умови ліцензії. А тепер додаємо WWW-домен, у нашому випадку – about.pudng.com. Домен потрібно було купити заздалегідь і додати A-запис зі значенням IP-адреси нашого VPS сервера в редакторі DNS, куди був делегований домен. Хороший знак, якщо у вкладці WWW-домени з'явиться активний домен і створиться директорія, куди потрібно буде залити веб-сторінку. Далі перевіряємо наявність директорії www/about.pudng.com у вкладці "Менеджер файлів". У директорії ми виявимо HTML-сторінку, яку згенерував нам ISPmanager.

Переходимо на наш домен about.pudng.com та бачимо це:

Примітка: Якщо ваш домен не відкривається, перевірте наявність A-запису на серверах імен і вірність вписаної IP-адреси. Якщо все правильно, будьте спокійні, DNS-записи можуть оновлюватися до двох днів, а поки ви можете звертатися за IP-адресою безпосередньо.

Тепер, звертаючись за доменним ім'ям або IP-адресою, ми бачимо тестову сторінку, яку віддає нам HTTP-сервер Apache.

Встановлення WordPress

Займемося встановленням WordPress та розглянемо дві методики, які зручно використовувати на панелі ISPmanager.

Створюємо базу для WordPress.
Даємо ім'я БД. Вибираємо як сервер БД MySQL і кодування, а щоб проблем з кодуванням надалі не було, краще вибирати UTF-8. ISPmanager може генерувати паролі, тому тиснемо на генерацію, запам'ятовуємо, тиснемо "ОК" і переходимо до наступного кроку. БД ми створили.

Відкриваємо вкладку "WWW-домени", натискаємо на кнопку "Скрипти", відкриється каталог Web-скриптів.

У нашому випадку вибираємо WordPress і тиснемо на кнопку "Встановити". Встановлення почалося.

Крок 1. Налаштування робочої директорії та вибору сервера БД.

Крок 2. Підтвердження ліцензійної угоди.

Крок 3. У розділі "Налаштування установки" заповнюємо дані, які вписували на етапі створення БД для WordPress.
Дані з розділу «Параметри програми» призначені для подальшої авторизації на панелі адміністратора WordPress. Тиснемо «Далі».

Готово. WordPress встановлено.

Бонус. Встановлення WordPress. Спосіб 2

Також створюємо БД як і першому способі. А ось тепер установку WordPress будемо виробляти повністю через Менеджер файлів.
Завантажуємо останню версію WordPress на офіційному сайті або копіюємо посилання на скачку з кнопки. Вставляємо URL або завантажуємо з локального пристрою. Розпаковуємо архів у корінь директорії. 

Ось тут зі мною трапився невеликий затуп, може вплинули море чи напої, чи може мій мозок розслабився у відпустці. В архіві лежить папка «wordpress», відповідно після розархівації вона виявиться в корені каталогу. Ви могли б подумати, що потрібно просто відкрити about.pudng.com/wordpress і налаштувати все там. Спойлер: не робіть так. 

Такий маневр призводить до того, що доводиться ручками створювати wp-config.php та додавати туди запропоновані конфігурації підключення до БД (скрин нижче). Допустимо, ми так і зробили і тепер наш сайт налаштований на about.pudng.com/wordpress/. Але нам потрібно бачити сайт, звертаючись по кореневому урлу. Беремо і копіюємо весь вміст із каталогу wordpress у кореневий. І тут не все так просто, потрібно перебити кореневий каталог у конфігураціях WordPress. Так, на цьому краще зупинитися і забути про все, як страшний сон, ми пішли не в той бік.

Є спосіб швидше і простіше: копіюємо вміст каталогу Wordpress і вставляємо в корінь. Щоб не копіювати файли по одному, є маленька кнопочка «виділити все», яку я шукав хвилин п'ять.

Далі відкриваємо about.pudng.com та продовжуємо налаштування в інтерфейсі WordPress.
Також як у першому способі вказуємо дані БД та дані для авторизації як адміністратора сайту.

Також заливаємо сайт через «Менеджер файлів» та можемо адмініструвати через <домен>/wp-login.php.

Щоб сайт був доступний за https, необхідно підключити Let's Encrypt. Підключається у вкладці «Інтеграція/Модулі», але це вже тема окремої статті.

Завершальний етап: розгортаємо лендинг

Переходимо на about.pudng.com і бачимо, що WordPress вже створив нам сторінку «Hello world!».

Домен підключений, WordPress встановлений менш як за 10 хвилин. Залишається додати односторінковий сайт, який надіслали розробники. Для цього скористаємося "Менеджером файлів".

І вуаля це те, що ми хотіли бачити! Лендінг від розробки тепер доступний за адресою about.pudng.com

PS: Вже зараз доступний новий інтерфейс ISPmanager і виглядає він симпатичніше, при цьому не втративши хорошого user experience.

Підсумки

IPad 3 в цій історії вийшов не таким вже марним девайсом і в мене з'явилася повна впевненість у тому, що навіть мобільний телефон впорався б із цим завданням у максимально короткі терміни. За підсумками я провів свій невеликий стрес-тест. ISPmanager врятував мене і виявився досить зручним інструментом, незважаючи на те, що в підтримці говорили, що мобільної версії немає і краще працювати з комп'ютера.

Ми в РУВДС знову запускаємо акцію: ліцензія на ISPmanager Lite у подарунок на три місяці під час створення нового сервера. Акція триватиме від 7 вересня до 30 листопада, весь цей час ви можете скористатися панеллю безкоштовно. Через три місяці панель буде коштувати 200 рублів - на 150 рублів дешевше, ніж при покупці у ISPsystems безпосередньо.

Вирішивши тривіальне для адміна завдання нетривіальним способом, я отримав насолоду і сподіваюся, що мій досвід буде вам корисний. PS Відтепер, колеги, не бійтеся брати з собою у відпустку планшети та стару техніку.

Джерело: habr.com