Как разместить готовый вайт

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

Размещение вайта через панель управления хостингом

Наиболее простой способ — размещение вайта через панель управления хостингом. Для этого необходимо понять какая панель используется непосредственно у вас и следовать инструкциям ниже.

Важно

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

Размещение файлов вайта через ispmanager

Шаг 1. Откройте панель управления хостингом.

Шаг 2. Перейдите в раздел «Сайты» и выберите домен, на который вы хотите загрузить вайт, далее нажмите «Файлы сайта».

Шаг 3. Обычно после добавления домена в панель управления хостингом в папке сайта (вайта) создаются файлы парковочной страницы. Удалите все файлы, содержащиеся в папке, кроме директории webstat (если она имеется), иначе установка вайта на хостинг можеть быть выполнена некорректно.

Шаг 4. Нажмите кнопку «Загрузить». Выберите архив с вайтом на вашем устройстве и нажмите «Ok».

Шаг 5. Выделите загруженный архив и через контекстное меню нажмите «Извлечь».

Шаг 6. Убедитесь, что файлы вайта были извлечены непосредственно в каталог сайта, а не во вложенную директорию.

Шаг 7. При необходимости переместите файлы вайта в корневой каталог, для этого выделите все файлы и воспользуйтесь кнопками «Вырезать и «Вставить».

Шаг 8. Готово, если все выполнено правильно, то при переходе на ваш домен будет отображаться загруженный вайт.

Размещение файлов вайта через Plesk

Шаг 1. Откройте панель управления хостингом.

Шаг 2. Перейдите в раздел «Сайты и домены» и откройте папку сайта.

Шаг 3. Обычно после добавления домена в панель управления хостингом в папке сайта (вайта) создаются файлы парковочной страницы. Удалите все файлы, содержащиеся в папке, кроме директории cgi-bin, иначе установка вайта на хостинг можеть быть выполнена некорректно.

Шаг 4. Нажмите кнопку «Загрузить». Выберите архив с вайтом на вашем устройстве и загрузите архив.

Шаг 5. Выберите загруженный архив и нажмите на кнопку «Извлечь файлы».

Шаг 6. Убедитесь, что файлы вайта были расположены непосредственно в каталоге сайта без дополнительных подкаталогов.

Шаг 7. Если файлы были извлечены в подкаталог, переместите их в каталог сайта. Для этого перейдите в подкаталог, из которого необходимо переместить файлы, выберите нужные файлы и нажмите кнопку «Переместить». В появившемся окне выберите директорию сайта и нажмите кнопку «OK».

Шаг 8. Готово, если все выполнено правильно, то при переходе на ваш домен будет отображаться загруженный вайт.

Размещение файлов вайта через cPanel

Шаг 1. Откройте панель управления хостингом.

Шаг 2. В разделе «Домены» выберите пункт Домены.

Шаг 3. Нажмите на корневую папку вашего сайта, чтобы перейти в корневой каталог.

Шаг 4. Обычно после добавления домена в панель управления хостингом в папке сайта (вайта) создаются файлы парковочной страницы. Удалите все файлы, содержащиеся в папке, кроме директории cgi-bin, иначе установка вайта на хостинг можеть быть выполнена некорректно.

Шаг 5. Нажмите кнопку «Загрузить».

Шаг 6. Нажмите кнопку «Выбрать файл» или просто перетащите архив с вайтом, чтобы загрузить его.

Шаг 7. Выделите загруженный архив и нажмите кнопку «Извлечь».

Шаг 8. Введите путь до каталога (домена), в который нужно извлечь файлы. Затем нажмите кнопку «Extract Files».

Шаг 9. Убедитесь, что файлы вайта были извлечены непосредственно в каталог сайта, а не во вложенную директорию.

Шаг 10. Готово, если все выполнено правильно, то при переходе на ваш домен будет отображаться загруженный вайт.

Размещение вайта через FTP-клиент

Доступ по FTP доступен для всех хостинг панелей. В данной инструкции мы рассмотрим подключение и размещение вайта через FTP-протокол на примере наиболее пополуряного FTP-клиента - FileZilla.

Шаг 1. Для работы с данным протоколом необходимо скачать и установить клиент FileZilla.

Шаг 2. Запустите клиент. В меню «Файл» перейдите в Менеджер Сайтов….

Шаг 3. В открывшемся окне нажмите на кнопку «Новый Сайт» и заполните следующие поля:

Хост - имя сервера хостинга, IP-адрес сервера хостинга или домен. Используйте домен, только если он привязан к хостингу;
Порт - можно не указывать или указать стандартный порт протокола FTP — 21;
Протокол - FTP-протокол передачи файлов;
Шифрование - использовать явный FTP через TLS, если доступен;
Тип входа - нормальный;
Пользователь - логин от вашего хостинга, например userGreg;
Пароль - пароль от вашего хостинга, например password1234%;

Примечание

Данные для подключения вы можете найти на странице услуг вашего хостинга в личном кабинете или в настройках хостинга.

Шаг 4. После этого, в том же окне перейдите во вкладку «Настройки передачи» и укажите следующие настройки:

Режим передачи - пассивный;
Ограничение одновременных подключений - поставьте галочку и укажите максимально доступное значение в поле «Макс. число подключений». При работе через FTP-протокол разные сервера имеют ограничения по одновременному количеству FTP-подключений с одного IP-адреса. Уточняйте значение у поставщика вашего хостинга.

Шаг 5. После нажмите кнопку «Соединиться», для подключения к вашему хостингу.

Примечание

Обычно при использовании VPS доступ предоставляется только к корневой директории. При необходимости вы можете настроить каталог подключения, чтобы при подключении по FTP-протоколу сразу открывалась необходимая директория. Для этого перейдите во вкладку «Дополнительно» и в поле Удаленный каталог по умолчанию пропишите нужный путь до директории.

Шаг 6. После подключения к хостингу вы увидите разделённое окно: слева — папка вашего локального устройства, справа — домашняя папка хостинга. Чтобы управлять папкой или файлом, кликните по нему правой кнопкой мыши.

Шаг 7. В строке Удаленный сайт укажите путь до корневой папки где будет расположен вайт. В окне слева кликните правой кнопкой по папке с вайтом на вашем устройстве и выберите «Закачать на сервер».

Шаг 8. Готово, если все выполнено правильно, то при переходе на ваш домен будет отображаться загруженный вайт.

Размещение вайта через сетевой протокол SSH

Наиболее сложный способ — размещение вайта на сервер через сетевой протокол SSH (Secure Shell). Для этого необходимы базовые навыки работы с сервером, которые будут описаны ниже.

Важно

Перед началом работы через SSH протокол убедитесь, что у вас есть доступ к серверу или хостингу через данный протокол.

Вам понадобятся следущие данные: ip, user и password.

Размещение файлов вайта на LINUX сервер с дистрибутивом Ubuntu, на веб-сервер Nginx

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

Шаг 1. Заходим на сервер через команду: ssh ip@user

Шаг 2. Получаем права root через команду: sudo -i

Шаг 3. Обновляем пакеты через команду: sudo apt update

Шаг 4. Устанавливаем Nginx через команду: sudo apt install nginx

Шаг 5. Проверяем статус Nginx через команду: systemctl status nginx

Шаг 6. Вы должны получить: Active: active (running). Если статус не активный, то пропишите следующую команду: systemctl restart nginx

Шаг 7. Готово, Nginx установлен корректно и находится в активном состоянии.

Размещение вайта на сервер

Самый простой и базовый способ размещения файлов — это Secure Copy Protocol, он же SSH File Transfer. Размещение статического сайта (вайта) всегда происходит в директорию /var/www/, через команду: scp -r ~/path/to/folder ip@user:/var/www/

Конфигурация Nginx и домена

Важно

Для отображения вашего вайта на домене необходимо задать свод правил для Nginx. Ваш актуальный домен должен быть привязан к текущему серверу при помощи DNS.

В инструкции ниже вам необходимо заменить domain.com на ваше доменное имя.

Шаг 1. Необходимо перененести ваш вайт в следующую директорию: /var/www/domain.com

Шаг 2. Базовая конфигурация домена:

server {
  server_name domain.com www.domain.com;

  location / {
    root /var/www/domain.com;
  }
}

Вам необходимо записать эту конфигурацию по следующему пути: /etc/nginx/sites-available/domain.com

Примечание

Вы можете найти команды для взаимодействия с файловой системой сервера в таблице ниже.

Шаг 3. Необходимо сделать symlink конфигурации через команду: ln -s /etc/nignx/sites-available/domain.com /etc/nginx/sites-enabled/

Шаг 4. Завершающим шагом перезапустите Nginx через команду: systemctl restart nginx

Команды для взаимодействия с файловой системой и редактированием файлов сервера

Базовые команды Linux

Команда	Описание
`cd`	Команда позволяющая перемещаться по директориям файловой системы. Пример: `cd /var/www`
`ls`	Команда позволяющая просмотреть все имеющиеся папки и файлы в текущей директории.
`mkdir`	Команда позволяющая создавать папки внутри директории. Пример: `mkdir new-folder`
`rm`	Команда позволяющая удалять папки или файлы. Пример удаления: `rm file` Пример удаления файлов внутри папки (рекурсивного): `rm -rf folder`
`cp`	Команда позволяющая копировать папки или файлы. Пример копирования: `cp file newfile` Пример копирования файлов внутри папки (рекурсивного): `cp -r folder new-folder`
`mv`	Команда позволяющая перемещать папки или файлы. Пример: `mv folder new-folder`
`cat`	Команда позволяющая считывать данные из файла. Данная команда позволяет записать файл из буфера обмена. 1. Открыть запись в файл: `cat >>file` 2. Вставка текста из буфера обмена: сочетание клавиш Ctrl + v (WIN) или Cmd + v (MacOS) 3. Закрытие записи: нажимаем 2 раза сочетание клавиш Ctrl + d

Команды для текстового редактора Vim

Команда	Описание
`vim file`	Команда позволяющая открыть или создать файл.
`i`	Команда позволяющая перейти в режим взаимодействия.
`esc`	Команда позволяющая выйти из любого режима.
`:w`	Команда позволяющая сохранить файл.
`:wq`	Команда позволяющая сохранить файл и выйти из него.
`:q`	Команда позволяющая выйти из файла.

Команды для текстового редактора Nano

Команда	Описание
`nano file`	Команда позволяющая открыть или создать файл.
`Ctrl + x`	Команда позволяющая сохранить файл и выйти из него. Nano попросит вас подтвердить действие: выбираем `y` Nano спросит имя файла: нажимаем Enter

Возможные ошибки и их решения

Если при открытии домена вы видите белый экран или ошибку связанную с PHP, необходимо сделать следующее:

Шаг 1. Проверить наличие PHP и PHP-FPM через следующие команды: php -v и php-fpm -v

Шаг 2. Если один из модулей отсутствует, то вы получите следующее: Command 'php' not found, but can be installed with:

Шаг 3. Необходимо установить недостающие модули:

Установка PHP - sudo apt install php

Установка PHP-FPM (Fastcgi) - sudo apt install php-fpm

Шаг 4. Конфигурация домена с PHP-FPM:

server {
  server_name domain.com www.domain.com;

  location / {
    root /var/www/domain.com;
    index index.php index.html;
  }

  # pass the PHP scripts to FastCGI server
  location ~ \.php$ {
    fastcgi_pass "unix:/var/run/php/php8.1-fpm.sock";
    fastcgi_index index.php;
    fastcgi_param  SCRIPT_FILENAME  /var/www/domain.com$fastcgi_script_name;
    include fastcgi_params;
  }
}

Необходимо записать данную конфигурацию в следующую директорию: /etc/nginx/sites-available/domain.com

Шаг 5. Необходимо сделать symlink конфигурации через команду: ln -s /etc/nignx/sites-available/domain.com /etc/nginx/sites-enabled/

Шаг 6. Последним шагом необходимо перезапустить Nginx: systemctl reload nginx