В этой главе мы уже не рассуждаем теорию — здесь начинается реальная работа. Наша задача: с нуля купить домен и хостинг, привязать их друг к другу, зайти в панель управления хостингом (ISPmanager), загрузить туда исходники TG Shop Builder, распаковать их, создать базу данных, импортировать туда SQL‑файл и подготовить платформу к запуску. Всё будем разбирать на примере хостинга Reg.ru, но логика подойдёт и для большинства других провайдеров.
Сначала вам нужно скачать исходники проекта TG Shop Builder. Я размещу архив с проектом и SQL‑файлом в этом посте — просто скачайте их себе на компьютер.
Исходники, файлы: Скоро здесь будут исходники
Исходники SQL (база): Скоро здесь будут исходники
Теперь переходим к хостингу и домену. Заходим на сайт Reg.ru, авторизуемся или регистрируем новый аккаунт, если его ещё нет. Сначала выбираем домен: в поисковой строке доменов вводим желаемое имя (например, mytgshop.ru), проверяем доступность, выбираем подходящую зону (.ru, .com, .online и т. д.) и добавляем домен в корзину. После этого переходим к выбору хостинга. Нас интересует виртуальный хостинг с поддержкой PHP и баз данных MySQL (или MariaDB). В Reg.ru это обычно тарифы вроде «Виртуальный хостинг» с панелью ISPmanager. Выбираем тариф, который подходит по ресурсам (на старте можно взять минимальный), добавляем его в корзину и переходим к оформлению заказа. Если у вас есть хостинг, то просто выбираете домен и затем привязываете к хостингу. Если вы это не сможете сделать или вам трудно, то просто обратитесь в техподдержку Reg.ru и они вам настроят хостинг и домен к работе.
На этапе оплаты вы сможете ввести промокод, чтобы получить скидку на хостинг.
Промокод: DC80-8D36-6042-B254
После оплаты домен и хостинг появятся в вашем личном кабинете Reg.ru. Домен может потребовать некоторое время на активацию и делегирование (обычно от нескольких минут до пары часов), но мы можем параллельно подготовить всё остальное.
Дальше нужно привязать домен к хостингу. В личном кабинете Reg.ru зайдите в раздел «Хостинг» и найдите ваш тариф. Там будет информация о том, какие домены к нему уже привязаны. Если домен не привязан автоматически, нужно добавить его вручную: в панели управления хостингом (или в интерфейсе Reg.ru) выбираем «Добавить домен» или «Привязать домен к хостингу», указываем наш домен и сохраняем. Важно, чтобы у домена были прописаны правильные DNS‑серверы — обычно Reg.ru предлагает свои NS‑записи, и при покупке домена и хостинга у одного провайдера они часто выставляются автоматически. Если нет — в разделе управления доменом укажите NS‑серверы хостинга Reg.ru (они будут указаны в личном кабинете). После этого ждём, пока домен «приклеится» к хостингу.
Теперь переходим к панели ISPmanager. В личном кабинете Reg.ru найдите ваш хостинг и кнопку «Войти в панель управления» или «Перейти в ISPmanager». Обычно это делается в один клик без ввода логина и пароля. Откроется интерфейс ISPmanager — это панель, через которую мы будем управлять файлами, базами данных и настройками сайта.
В ISPmanager нас интересуют несколько разделов: «Файлы», «WWW‑домены» и «Базы данных». Начнём с файлов. Переходим в раздел «Файлы» и находим папку, которая соответствует вашему домену. Чаще всего это что‑то вроде /var/www/username/data/www/ваш-домен.ru или просто папка с именем домена. Внутри неё может лежать стандартный index.html от хостинга — его можно удалить, чтобы он не мешал.
Теперь нужно загрузить архив с проектом TG Shop Builder. В разделе «Файлы» выбираем нужную папку (корень сайта), нажимаем кнопку «Загрузить» (Upload), выбираем на компьютере архив с исходниками (файлы), который вы скачали ранее, и загружаем его на сервер. После загрузки архив появится в списке файлов. Далее выделяем этот архив и выбираем действие «Распаковать» (Extract/Unpack). ISPmanager распакует архив в текущую папку, и вы увидите структуру проекта: папки public, app, config, resources и т. д. Если проект распаковался в отдельную вложенную папку (например, tgshopbuilder/), а вам нужно, чтобы файлы были прямо в корне домена, можно зайти внутрь этой папки, выделить все файлы и переместить их на уровень выше.
Следующий шаг — база данных. В ISPmanager переходим в раздел «Базы данных». Здесь нужно создать новую базу. Нажимаем «Создать» или «Добавить базу данных», придумываем имя базы (например, tgshop_db), логин пользователя базы и пароль. Обязательно запишите эти данные — они понадобятся при настройке файла конфигурации проекта. Тип базы — MySQL или MariaDB (обычно по умолчанию). После создания база появится в списке.
Теперь нужно импортировать SQL‑файл с структурой и начальными данными проекта. SQL‑файл в архиве исходников выше SQL.
В ISPmanager в разделе «Базы данных» найдите вашу базу, рядом с ней будет кнопка «phpMyAdmin» или ссылка на управление. Переходим в phpMyAdmin, выбираем слева нашу базу данных, затем вкладку «Импорт». Нажимаем «Выберите файл», указываем SQL‑файл с проекта, оставляем настройки по умолчанию и нажимаем «Вперёд» (или «Импорт»). Если всё прошло успешно, вы увидите сообщение об успешном импорте, а в базе появятся таблицы.
После этого нужно связать проект с базой данных. В корне проекта (или в папке, где лежат конфигурационные файлы) обычно есть файл .env или его пример .env.example. Если у вас Laravel‑проект, то это точно .env. Если .env ещё нет, скопируйте .env.example и переименуйте в .env. Откройте .env через файловый менеджер ISPmanager (там есть встроенный редактор) или скачайте файл, отредактируйте локально и загрузите обратно. Внутри найдите строки, отвечающие за подключение к базе данных:
DB_HOST=localhost
DB_PORT=3306
DB_DATABASE=имя_вашей_базы
DB_USERNAME=логин_пользователя_базы
DB_PASSWORD=пароль_пользователя_базы
Подставьте туда реальные значения, которые вы указали при создании базы в ISPmanager. Сохраните файл. Если проект использует кэш конфигурации, иногда нужно выполнить команды типа php artisan config: clear, но на виртуальном хостинге это не всегда удобно. В большинстве случаев, если вы только что развернули проект, достаточно корректного .env, и всё заработает. В вашем случае на хостинге Reg.ru этого делать не надо.
На этом этапе у вас: домен привязан к хостингу, файлы проекта лежат в папке домена, база данных создана и заполнена, конфигурация .env настроена. Теперь можно открыть ваш домен в браузере. Если всё сделано правильно, вы увидите либо страницу установки/настройки проекта, либо уже готовый интерфейс TG Shop Builder (в зависимости от того, как устроен конкретный билд). Если вместо этого вы видите ошибку 500, белый экран или сообщение о подключении к базе — почти всегда проблема в .env (неверное имя базы, логин, пароль или хост).
В этом посте я также добавлю видео, где весь процесс от загрузки архива в ISP Manager вашего хостинга, настройка файла .env и запуск проекта. Рекомендую сначала посмотреть видео целиком, а потом повторять шаги по инструкции и видео параллельно — так вы точно ничего не пропустите.
ПРОДОЛЖЕНИЕ СЛЕДУЕТ. Статья не полная.