Залив через лендинг

Через лендинг вы упростите себе полный процесс ворка, но это не обязательно

Добро пожаловать в это пошаговое руководство! Если вы новичок и хотите развернуть свой лендинг, то гайд для вас. Для начала нам нужен сервер на Ubuntu 22.04. Мы будем использовать хостинг-провайдера Virtualine для покупки сервера и регистрации домена. Для подключения к серверу применим PuTTY (для SSH-доступа) и FileZilla (для передачи файлов по SFTP).

Важные предупреждения перед началом:

  • Для домена потребуется оплата (~20USD/год), а для сервера (-12USD/месяц).

  • Cloudflare бесплатен для базового использования, нужно только зарегистрироваться на cloudflare.com.

  • Сервер, который мы покупаем, — это VPS (Virtual Private Server) с Linux (Ubuntu 22.04). Он подходит для небольших лендингов.

  • Общее время: 1-2 часа для настройки, плюс время на propagations DNS (до 48 часов).

Шаг 1: Покупка сервера и домена на Virtualine

Virtualine предоставляет надежный хостинг. Мы выберем VPS с предустановленным Linux (Ubuntu 22.04).

  1. Регистрация/Вход в аккаунт:

    • Перейдите на client.virtualine.net.

    • Если аккаунта нет, зарегистрируйтесь: укажите email, пароль.

    • Войдите в панель управления.

  2. Покупка VPS:

    • Перейдите по прямой ссылке: https://client.virtualine.net/cart.php?a=add&pid=12&customfield[164]=Linux.

    • Это план с Linux (Ubuntu 22.04). Характеристики "Standard Cloud Servers - Standard #3" ( 50 GB SSD, 6 GB RAM, 4 CPU, неограниченный трафик).

    • Добавьте в корзину и оплатите.

    • После оплаты вы получите сервер с деталями: IP-адрес сервера, root-пароль.

  3. Регистрация домена:

    • В панели Virtualine перейдите в раздел "Domains" > "Register a New Domain".

    • Введите желаемое имя (например, rokuteam.com). Проверьте доступность.

    • Выберите зону (.com, .net и т.д.) и добавьте в корзину.

    • Оплатите (20 USD/год).

    • Домен будет зарегистрирован на ваш аккаунт. Ns сервера мы будем использовать от cloudlfare.

После этого у вас есть сервер и домен. Подождите 10-15 минут, пока сервер активируется.

Шаг 2: Подготовка инструментов (PuTTY и FileZilla)

Для работы с сервером нам нужны:

Шаг 3: Подключение к серверу через PuTTY и базовая настройка

  1. Подключение по SSH:

    • Запустите PuTTY.

    • В поле "Host Name (or IP address)" введите IP вашего сервера (из email Virtualine).

    • Порт: 22 (по умолчанию для SSH).

    • Нажмите "Open".

    • При первом подключении подтвердите отпечаток ключа (да, это безопасно).

    • Логин: root.

    • Пароль: Тот что показан в virtualine, можете его скопировать, чтоб вставить в консоль нажмите правой кнопкой мыши, дальше enter(пароль будет невидим для вас).

    Если подключилось, вы увидите командную строку: root@your-server:~#.

  2. Обновление системы (обязательно для новичков):

    • Введите команду: apt update && apt upgrade -y

    • Это обновит Ubuntu. Подождите 5-10 минут.

    • Если спросит подтверждение, введите y.

  3. Установка веб-сервера (Nginx, рекомендуется для лендингов):

    • Введите: apt install nginx -y

    • Проверьте: systemctl status nginx (должен быть active).

    • Если лендинг на HTML/CSS/JS, этого хватит. Для PHP добавьте apt install php-fpm -y.

Теперь сервер готов к загрузке файлов.

Шаг 4: Загрузка файлов лендинга через FileZilla

Ваш лендинг — это папка с файлами (index.html, css, js и т.д.). Подготовьте ее на локальном ПК.

  1. Подключение по SFTP:

    • Запустите FileZilla.

    • Нажмите File - Site Manager - New Site.

    • Protocol: SFTP

    • Username: root

    • Password: Ваш root-пароль.

    • Port: 22.

    • Нажмите "connect".

  2. Передача файлов:

    • Слева — ваша пк.

    • Справа — сервер: перейдите в /var/www/html/ (стандартная директория Nginx).

    • Удалите дефолтный index.html: правой кнопкой > Delete.

    • Перетащите файлы лендинга из папки на пк в html.

    • Подождите загрузки (зависит от размера).

  3. Проверка:

    • В браузере введите IP сервера — должен открыться ваш лендинг.

    • Если ошибка, проверьте права: в PuTTY введите chmod -R 755 /var/www/html/*

Шаг 4.5: Настройка конфигурационного файла Nginx для лендинга

После загрузки файлов лендинга в /var/www/html/ нужно настроить веб-сервер Nginx, чтобы он корректно обрабатывал запросы к вашему сайту, особенно если вы хотите привязать домен и включить HTTPS через Cloudflare. Этот шаг объясняет, как создать и настроить конфигурационный файл Nginx для вашего лендинга. Мы сделаем это максимально просто, чтобы даже новичок в Roku мог справиться.

Зачем нужен конфиг Nginx?

Nginx — это веб-сервер, который отвечает за показ вашего лендинга в браузере. Конфигурационный файл указывает Nginx:

  • Какой домен обрабатывать (например, rokuteam.com).

  • Где лежат файлы лендинга (/var/www/html/).

  • Как работать с HTTPS (для Cloudflare).

  • Как обрабатывать запросы (например, перенаправлять HTTP на HTTPS).

Пошаговая инструкция

  1. Подключение к серверу через Filezilla:

    • Откройте Filezilla и подключитесь к серверу, как описано в шаге 3 (IP сервера, логин: root, пароль из email Virtualine).

    • Вы должны увидеть командную строку: root@your-server:~#.

  2. Создание конфигурационного файла:

    • Конфигурационные файлы Nginx хранятся в /etc/nginx/sites-available/.

  3. Добавление конфигурации:

    • Скачайте данный файл, тут уже готовая конфигурация (замените название файла Rokuteam.com на ваш домен, так же внутри конфига):

    • https://upload.advgroup.ru/YvKz6Ily

    • Файл нужно отредактировать под ваш домен, дальше залить через файлзиллу по пути /etc/nginx/sites-available

    • Объяснение:

      • listen 80; — Nginx слушает HTTP-запросы на порту 80.

      • server_name — ваш домен и поддомен (www).

      • root /var/www/html; — папка с файлами лендинга.

      • index index.html index.htm; — файлы, которые открываются по умолчанию.

  4. Активация конфигурации:

    • Создайте символическую ссылку, чтобы включить сайт: ln -s /etc/nginx/sites-available/Rokuteam.com /etc/nginx/sites-enabled/

    • Проверьте конфигурацию на ошибки: nginx -t

    • Если вывод: syntax is ok и test is successful, всё в порядке.

    • Перезапустите Nginx: systemctl restart nginx

  5. Удаление дефолтного конфига (если нужно):

    • Nginx может иметь файл по умолчанию, который мешает. Удалите его по пути:/etc/nginx/sites-enabled/default

    • Снова перезапустите: systemctl restart nginx.

Шаг 5: Привязка домена к Cloudflare

Cloudflare защитит лендинг и добавит SSL бесплатно.

  1. Регистрация в Cloudflare:

    • Зарегистрируйтесь на dash.cloudflare.com.

    • Добавьте сайт: Введите ваш домен (rokuteam.com).

  2. Изменение NS-серверов:

    • Cloudflare даст вам свои NS (например, ns1.cloudflare.com и ns2.cloudflare.com).

    • В панели Virtualine: "Domains" > Ваш домен > "Nameservers" > Измените на NS от Cloudflare.

    • Сохраните. DNS-propagation может занять 1-48 часов.

  3. Настройка DNS в Cloudflare:

    • В Cloudflare > DNS > Добавьте запись:

      • Type: A

      • Name: @ (для основного домена)

      • IPv4: IP вашего сервера.

      • TTL: Auto.

      • +

      • Type: A

      • Name: www (для основного домена)

      • IPv4: IP вашего сервера.

      • TTL: Auto.

    • Включите "Proxy status" (оранжевое облачко) для CDN.

  4. SSL в Cloudflare:

    • В SSL/TLS > Overview > Включите "Flexible".

    • В SSL/TLS > Edge Certificates > Включите "Always Use HTTPS".

    • Cloudflare выдаст бесплатный SSL.

  5. Настройка безопасности в Cloudflare

  • Перейдите в раздел "Security" > "Settings" и настройте базовые параметры для защиты лендинга:

  • Делаем все как на скринах

  • Перейдите в раздел "Security" > "Security Rules" > "Create Rule" > "Custom Rule"

  • Делаем все как на скрине, в Value укажите свой домен, В Choose action > Managed Challenge, дальше жмите Deploy.

Готово, вы настроили домен, залили лендинг.

PreviousЧто нужно знать новичку?NextКак искать тематики?

Last updated