Полезные статьи. Перенос сайта к нам. LTD Beget.

Что дальше

Сейчас наш сайт — это одна страничка в сети, и есть множество способов его улучшить:

Всё это мы постепенно сделаем и поделимся с вами. Не переключайтесь.

Выбор хостинга

Выбрать хостинг очень непросто. Сейчас сотни компаний предоставляют такие услуги.

Я не буду рассматривать много сервисов услуг, а расскажу о том, который использую уже более 6 лет и на котором размещен этот сайт Sitehere.

Когда-то я его выбрал, потому что он был популярным и недорогим.

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

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

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

Поэтому я остался там и затем только менял тариф, так как сайт разрастался.

Хостинг, которым пользуюсь я, называется Beget.

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

Это лично мой опыт работы с данным хостингом. 6 лет — это достаточно большой промежуток времени, на котором я ощутил насколько хорошо справляются эти ребята со своей работой.

Но перед тем, как что-то покупать — рекомендую сравнить другие варианты.

Не покупайте дешевый хостинг! Это основное правило. Многие жалеют пару рублей на то, чтобы купить нормальный хостинг, а потом удивляются почему скорость загрузки такая маленькая, сервер не отвечает и техническая поддержка только предлагает перейти на тариф подороже.

Выбор домена

На хостинге Beget можно без покупки домена протестировать сайт бесплатно в течение 30 дней.

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

Сейчас у нас есть хостинг, то есть у нас есть место, куда мы можем загрузить наш сайт.

Но если вы хотите сразу красивое доменное имя, то внутри панели управления перейдите в раздел проверки.

Загрузка сайта в интернет

Осталось лишь разместить сайт в сети. У нас есть архив с сайтом. Осталось его загрузить на хостинг, который мы уже создали. А сделать мы это можем двумя способами.

1 Простой способ

Нам не понадобятся сторонние программы. Для этого необходимо лишь зайти в админ-панель и там выбрать «Файловый менеджер»:

Далее выбрать сайт, который нам нужен и зайти внутрь:

Затем в «public_html»:

Удалить стандартный файл index.php, он нам больше не пригодится.

Выбрать в верхнем меню «Загрузить файлы»:

Нажать на «Browse…»:

Выбрать наш архив на компьютере:

Поставить галочку напротив нашего архива и затем нажать «Загрузка»:

После загрузки можем закрыть данное окно.

Кликнуть на архив правой кнопкой мыши, а в выпадающем списке выбрать пункт «Распаковать архив»:

В появившемся окошке нажать «ОК»:

Супер! Наш архив распаковался как нужно и все файлы лежат в корне. Если вы заархивировали папку, то у вас разархивируется именно папка, что не очень удобно и лучше в самом начале правильно заархивировать файлы (об этом я написал выше).

Осталось открыть домен и проверить!

Мы рассмотрели более простой способ и без загрузки базы данных.

2 Чуть более сложный способ

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

Begin

Хостинг для практически любых веб-приложений на NodeJS или Deno. Бесплатно доступно 5 веб-сайтов, поддерживается Serverless.

Digital ocean app platform

Предложил @kanu

На стартовом тарифе можно разместить до 3 статических веб-сайтов:

Firebase

PaaS-сервис от Google, позволяющий разработать бэкенд без написания кода, а также разместить свой статический веб-сайт. Вот что входит в стартовый тариф:

Fleek

Позволяет размещать статические сайты, перед этим собирая их на ряде генераторов статических сайтов (если нужного нет в списке, можно выбрать Docker-образ, в котором будет осуществляться сборка, и указать все данные для нее). Бесплатный тариф имеет следующие ограничения:

Github pages

С помощью этого инструмента из любого репозитория GitHub можно развернуть статический веб-сайт. Поддерживается Jekyll, доступен 1 бесплатный домен 3 уровня, SSL, неограниченный трафик.

Glitch

Glitch позиционирует себя как коллаборативный сервис для упрощенной разработки веб-сайтов. В основном здесь находятся проекты на NodeJS, но поддерживается ряд других языков. Приложения запускаются в контейнерах, как на Heroku, и тут так же доступно 1000 бесплатных часов работы приложений в месяц. Однако, если на Heroku проекты заливаются через CLI или Git, здесь присутствует браузерная IDE и терминал.

Heroku

Heroku позволяет запускать Full Stack приложения в контейнерах (так называемых Dynos). Поддерживается большое число языков программирования и фреймворков. Главный недостаток — после получаса бездействия проекты, размещенные на бесплатном тарифе, «засыпают», а повторный запуск контейнера требует определенного времени.

На стартовом тарифе доступны:

Hostman

Полноценный хостинг с поддержкой бэкенда и баз данных. Однако бесплатный тариф позволяет разместить до 10 веб-сайтов, и то статических:

Microsoft azure

Предложил @moroz69off

У данного достаточно известного сервиса есть бесплатный тариф. На нем можно создать до 10 приложений на базе Azure App Service, а также получить некоторые дополнительные функции. Большинство из них будут работать лишь в первые 12 месяцев пробного периода, но часть предоставляется навсегда.

Netlify

Netlify — прямой конкурент Vercel. Однако, кроме функций, которые предоставляет предыдущий сервис, тут на бесплатном тарифе присутствует:

Oracle cloud

Предложил @MSigillite

Oracle так же, как и Microsoft, предоставляет возможность испробовать функции на бесплатной основе. Навсегда предоставляются:

Oxnull.net (закрылся)

oxnull.net/

Иногда бывает так, что бесплатные хостинги закрываются и перестают работать. Именно это случилось с Охнул.нет (Окснул?), который сейчас показывает только сообщение с контактами админа.

Мы включили этот нерабочий сервис в подборку специально, чтобы вы понимали — бесплатные хостинги иногда внезапно закрываются и все данные могут быть потеряны. Если вы запускаете какой-то ответственный проект, делайте это на платном хостинге. Они иногда тоже закрываются, но гораздо реже и предупреждают об этом заранее.

Repl.it

Подобен предыдущему сервису. Бесплатно предоставляется 0.5 Гб ОЗУ и 0.5 Гб дискового пространства.

Stormkit

Stormkit позволяет размещать только проекты на JavaScript. Бесплатно доступны:

Surge

Хостинг статических сайтов. Бесплатно доступны:

Vercel

Данный сервис позволяет собирать и размещать статические веб-сайты на различных фреймворках (поддерживаются как JS-фреймворки, так и, например, генераторы статических сайтов — Hexo, Hugo, Jekyll и другие). Для каждого проекта выделяется несколько бесплатных доменных имен третьего уровня, есть возможность предпросмотра сборки.

Вот что включает в себя бесплатный тариф:

Автоматический режим настройки

Некоторые веб-хостеры предлагают автоматический режим установки CMS (движков сайта). В этом случае залить сайт на хостинг проще – вам не придется самостоятельно искать, скачивать и загружать дистрибутив CMS. Все делается простым нажатием кнопки в панели управления в разделе Управление-Хостинг-Привязанные домены-Автоустановка CMS:

Есть и недостатки такого способа:

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

Бесплатное размещение сайта в сети интернете

Кто-то скажет, что можно ведь бесплатно разместить сайт в интернете.

Из сложных вариантов и качественных бесплатных хостингов можно разместиться на GitHub Pages, но там нельзя базу данных создать, только HTML сайты.

У вас есть 30-дневный бесплатный период. Зарегистрировать его можно здесь и выбрать тариф хостинга.

Если вы только начинаете, то этот вариант отлично подойдет. Потому что здесь есть одна база данных и поддержка PHP. И нет никакой рекламы. Для тестирования очень классно!

Видеоинструкция

Обратите внимание! Если внешний вид вашей панели управления отличается от представленного в инструкции, кликните в левом нижнем углу «Старый интерфейс».

Виртуальный хостинг

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

Тестовый период  не предоставляется пользователям, которые:

• используют VPN;
• уже пользовались тестовым периодом ранее.

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

Делегирование домена

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

Если пользователь не хочет делегировать домен полностью, то у него есть возможность изменить привязку домена с помощью DNS-хостинга. Для этого нужно попросить регистратора домена прописать в A-запись домена IP-адреса NS-серверов Eternalhost:

• ns1.eternalhost.net
• ns2.eternalhost.net

Добавление домена

Чтобы добавить домен в ISPmanager, можно воспользоваться подробным руководством. Для домена должны быть обязательно прописаны NS-серверы хостинга Eternalhost:

• ns1.eternalhost.net
• ns2.eternalhost.net

Доменное имя

Для начала нужно зарегистрировать доменное имя.

При регистрации нужно корректно указать NS-серверы и контактные данные.

Дополнительные возможности

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

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

Через ISPmanager удобно привязать почтовый сервис к домену. Подключить почтовый домен и произвести его дальнейшую настройку можно за несколько простых шагов.

Также есть возможность установить на сайт бесплатный SSL-сертификат Let’s Encrypt. Перевыпуск сертификата в ISPmanager проходит автоматически.

Заливаем файлы сайта на хостинг

Далее загружаем на сервер сам сайт – его файлы, картинки, видео, аудио и другой контент. К этому времени они должны быть скачаны на ваш компьютер. Это может быть:

1. Просто архив с дистрибутивом движка сайта, который вы скачали с сайта его разработчика. В этом случае вам понадобится загрузить на хостинг этот архив и далее установить CMS по инструкции разработчика;
2. Файлы сайта, которые вы создавали (или дорабатывали) и тестировали на своем компьютере или другом локальном ресурсе.

Сайт загружается в корневую папку вашего домена на хостинге. Загрузка файлов на хостинг осуществляется следующим образом: обычно в файловом менеджере панели управления или в панели FTP вы видите папку с названием вашего домена, а в ней – папку с одноименным названием вашего домена.

Как заказать

Данная процедура подробно разобрана в инструкции «Как заказать веб-хостинг».

Как залить сайт на хостинг при помощи ftp

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

В таком случае лучше воспользоваться специальной программой FTP клиентом. Одной из наиболее популярных программ для заливки файлов сайта на хостинг по FTP является FileZilla.

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

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

Как залить сайт на хостинг: мануал

Как импортировать базу данных в ispmanager

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

Мы рассмотрели, как выложить сайт на хостинг.

Готово! Вы загрузили ваш сайт в ISPmanager. Если ваш домен был уже привязан к услуге хостинга, то сайт будет доступен в сети Интернет.

Если вы только зарегистрировали домен или ранее изменяли DNS-серверы, ваш сайт будет доступен через 24 часа. В этом случае можно проверить доступность сайта до обновления DNS-серверов.

Если после проделанных шагов ваш сайт недоступен, оставьте заявку в службу поддержки или воспользуйтесь справкой: Мой сайт недоступен, почему?.

Как разместить файлы сайта в ispmanager

Ниже описана загрузка сайта на хостинг в хостинг-панели ISPmanager.

Обратите внимание! Если внешний вид вашей панели управления отличается от представленного в инструкции, кликните в левом нижнем углу «Попробовать новый интерфейс».

Настройка хостинга

Сейчас у нас есть две отдельные услуги: домен и хостинг. Нужно их связать, чтобы хостинг знал: «Если у меня запросили сайт с таким-то доменом, показать вот такой сайт». Для этого хостинг нужно настроить.

Все настройки хостинга делаются в панели управления. Иногда она оплачивается отдельно, иногда входит в стоимость хостинга. У SpaceWeb она бесплатная, ключи от неё приходят на почту после регистрации хостинга. Выглядит она так:

Нас интересует вкладка «Домены» — именно там делается привязка домена к хостингу. Заходим туда и выбираем «Добавить домен». В поле вводим имя нашего зарегистрированного ранее домена. Эта запись скажет хостингу: «Когда тебе придёт запрос по этому домену, обслужи его»:

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

Если у нас в хостинге живёт несколько сайтов, нужно будет задать новую папку. Но так как это наш первый сайт на этом хостинге, оставим стандартную:

Не могу распаковать архив в менеджере файлов хостинга

После просмотра статистики вы можете удалить ненужные файлы либо повысить тарифный план до следующего, с большим количеством дискового пространства:

Немного информации

Сайты бывают двух типов: статичные и динамические. Статичные сайты — это просто набор html/css/js документов, которые представляют из себя обычные текстовые файлы. Перенос такого типа сайтов не представляет никакой сложности: достаточно просто скопировать файлы на сервер.

Второй тип сайтов — динамические. Динамический сайт гибок и расширяем. Это своего рода программа, которая выполняется на сервере и реагирует на действия посетителя. Такая программа называется CMS или Системой управления контентом (от англ.

Content Management System). Большинство CMS написаны на специальном языке программирования — PHP и хранят информацию (контент страницы, настройки системы, пользователей и т.д.), в базе данных (далее по тексту БД). Вот примеры самых популярных CMS:

WordPress, Joomla, Data Life Engine, Drupal. Если Вы создавали сайт с использованием CMS, то сейчас обязательно узнали одно из названий. Перенос сайтов, созданных при помощи CMS, требует дополнительных действий: необходимо перенести файлы CMS (исполняемые скрипты, шаблоны и остальные файлы), перенести БД и настроить CMS для работы на хостинге.

Необходимые услуги для размещения сайта

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

Отправляем файл на хостинг

Что мы имеем сейчас: домен привязан к хостингу, хостинг готов обслуживать домен. Но нигде пока нет файлов нашего сайта. Машины, которые обслуживают наш сайт, не знают, что должно выводиться по запросу. Нужно загрузить файлы нашего сайта на хостинг.

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

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

Подготовка файлов сайта для публикации

Для начала нужно подготовить файлы.

Но вы ведь уже создали сайт и они уже готовы, как еще нам нужно их подготовить?)

Если еще нет, то это необходимо сделать перед тем, как двигаться дальше. Самый простой способ — это создать сайт на WordPress (по ссылке найдете полное руководство для новичков).

За время работы с сайтами появился быстрый способ размещения сайта в сети интернет. И мы его сейчас рассмотрим.

Подробная видеоинструкция

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

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

Привязка домена к хостингу

Первое, что нужно сделать – добавить домен в панель управления хостингом:

Затем откройте сайт регистратора и пропишите DNS адреса хостинга, которые были присланы вам в письме или находятся в личном кабинете:

Заполните в соответствующую форму в кабинете регистратора:

Обычно на привязку уходит 1-2 часа, но порой приходится подождать и дольше (до 24 часов). Чтобы проверить, прикреплен ли домен, просто вбейте в строку браузера урл-адрес сайта.

Затем авторизуйтесь в панели управления и откройте раздел CMS. Рассмотрим на примере Вордпресс:

Заполните все данные и нажмите «Установить на сайт»:

Теперь нужно подождать около 5 минут, пока пройдет установка файлов движка. Когда придет уведомление об установке, нажмите на адрес сайта:

После установки движка ваш сайт может быть готов к работе. Можете приступать к настройке его внешнего вида и оптимизации.

Работа с ispmanager

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

Регистрация

Чтобы начать пользоваться хостингом, нужно пройти регистрацию. Чтобы начать процесс регистрации, нужно перейти по ссылке. Другой вариант — нажать на главной странице вкладку «Панель» в верхнем меню.

Произойдет переход на стартовую страницу биллинг-панели. Здесь нужно нажать «Регистрация».

Нужно заполнить данные, обязательные для регистрации (помечены звездочкой), а затем нажать «Ok».

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

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

Регистрация домена из админ-панели

Нужно перейти в раздел «Домены и поддомены»:

А затем выбрать пункт «Зарегистрировать домен»:

Если домен занят, то вы увидите соответствующее сообщение:

Регистрация домена с сайта

Также без покупки хостинга можно проверить свободен ли домен, который вы придумали. На странице с регистрацией доменов введите название домена и затем нажмите «Проверить»:

В результате ниже вы увидите какие именно домены свободны для регистрации и затем только останется зарегистрировать:

Сертификат на домен

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

Выпуск сертификата на домен оплачивается отдельно.

Сжать исходные файлы сайта

Это сильно ускорит передачу файлов. Можно в обычный ZIP архив.

Файлы будут передаваться быстрее, если это будет происходить одним архивом, чем по одному файлу.

Особенно это важно для сайтов на CMS, потому что там файлов очень много и нужно их все передать на сервер.

Очень важно сжать не папку, а только файлы, потому что при распаковке на хостинге у вас все распаковалось в корень сайта.

Файлы вы сжали, но куда их передавать?)

Создание бд на хостинге

Перейдите в раздел MySQL в Вашей Панели управления:

В этом разделе можно управлять базами данных. Вам необходимо создать новую базу данных, в которую мы на следующем шаге импортируем созданный нами дамп. Для этого введите желаемое имя БД, введите и запомните пароль и нажмите на кнопку «Добавить».

Тарифы

Стоит подойти к выбору тарифа с учетом масштаба размещаемого ресурса и его потребностей.

• Тариф «Начальный» подойдет для легких сайтов без использования баз данных и одностраничных сайтов (лендингов).
• Тариф «Базовый» – для небольших сайтов и блогов на CMS.
• Тариф «Премиум» – для всех остальных сайтов и интернет-магазинов.

Пользователь может сменить тарифный план  в любой момент, доплатив разницу между тарифами.

На Eternalhost есть два периода оплаты: «помесячный» и «вечный». При выборе второго варианта, пользователь платит лишь раз, после чего навсегда получает веб-хостинг в свое пользование.

После приобретения услуги виртуального хостинга все данные с доступами пересылаются покупателю на email.

Технические вопросы

Вопросы технического характера, возникающие в процессе работы с веб-хостингом, можно решать:

Шаг 1: регистрация и заказ хостинга

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

Шаг 3: загрузка файлов на сервер с помощью ftp

Вне зависимости от того, статичный у Вас сайт или Вы пользуетесь CMS, Вам необходимо закачать файлы на сервер. Для этого мы воспользуемся протоколом FTP.У нас есть инструкции по найстройке и использованию популярных FTP-клиентов, таких как Total Commander, WinSCP, FileZilla.

Шаг 4: перенос базы данных

Перенос БД состоит из трех этапов:

• создание копии (дампа) данных и структур таблиц на локальном компьютере (или на другом хостинге);
• создание БД на удаленном сервере (у нас);
• непосредственно импорт полученного на первом этапе дампа в БД на хостинге.

Заключение

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

Буду рад, если вы предложите свои варианты — достойные сервисы будут также внесены в этот список.

Render

Сервис для размещения статических веб-сайтов. Бесплатно доступны:

Вывод

Я показывал пример размещения сайта в интернете в хостинге Beget потому что сам пользуюсь им.

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

Вам советую сравнить разные хостинги, чтобы выбрать подходящий по цене и по техническим характеристикам.

Если что-то из статьи осталось нераскрытым — в комментариях вы можете смело задать свой вопрос!