Как выгрузить сайт с хостинга на компьютер
Перенос сайт с хостинга на локальный сервер Денвер
Друзья, рад приветствовать вас на моём блоге. Сегодня, как и обещал, буду делиться с вами практическим опытом по переносу сайта или блога с хостинга на локальный сервер Денвер.
Как правило, просто так сайт переносить на Денвер никто не будет. Для этого должны быть причины. И таких причин предостаточно. Мне, к примеру, приходилось несколько раз переносить сайты заказчиков на Денвер, и дорабатывать или переделывать, так как изначально создавались они другими людьми. При этом сайт работает в штатном режиме, а я спокойно мог ковыряться с копией на локальном сервере. А после завершения работ, выгрузить сайт обратно на хостинг.
Со своим блогом я сделал то же самое, я перенёс его на Денвер и занимаюсь сменой темы оформления. Как доделаю, перенесу обратно на хостинг уже с новым дизайном блога.
И таких примеров можно приводить много, в общем, знания и навыки из этой статьи точно пригодятся вам.
Что потребуется для переноса сайта на Денвер
- Прежде всего, нужно установить Денвер на компьютер. В моей предыдущей статье я подробно, по шагам описал это процесс.
- Определится с базой данных MySQL, и скачать её с хостинга. Дело в том, что у вас может быть несколько баз данных на хостинге. Как выбрать нужную базу – расскажу дальше.
- Создать базу данных, пользователя и пароль для неё на локальном сервере Денвер. Можно, конечно, без пользователя и пароля, но я предпочитаю именно так. Тогда не приходится ковыряться с файлом конфигурации wp-config.php
- Импортировать базу данных, скачанную с хостинга, на локальный сервер Денвер.
- Скачать с хостинга все файлы и папки сайта на ваш компьютер, в папку локального сервера.
Вот такой вот небольшой план действий. А теперь давайте приступать.
Как создать копию базы данных (бэкап) на хостинге
Я буду показывать пример на своём хостинге от Спринтхоста. И если у вас другой хостинг, — это не страшно. Принцип у всех одинаков, отличается лишь интерфейс.
Шаг 1.
Для того чтобы узнать какую базу данных копировать, — нужно открыть на хостинге папку в которой размещён ваш сайт public_html/ИМЯ ДОМЕНА и найти файл wp-config.php. Для этого вы можете использовать файловый менеджер хостинга или ftp-соединение.
Файл конфигурации wp_conf
Открываем файл для просмотра и ищем имя базы данных DB_NAME.

Имя базы данных
Также запишите имя пользователя и пароль, они пригодятся дальше. И обратите внимание на кодировку базы, её нужно будет учитывать при создании базы данных на локальном сервере Денвер. У меня utf8.
Шаг 2.
Теперь, когда известно какая база данных нужна, входим в административную панель хостинга и открываем раздел «База данных» > «Базы данных MySQL».

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

Выбор базы данных
Далее, откроется список таблиц в базе данных. И здесь же будет кнопка «Скачать резервную копию».

Резервное копирование
Жмём на неё и скачиваем базу данных к себе на компьютер.
Копирование файлов сайта на компьютер
Так как этот процесс займет некоторое время, можно запустить процесс копирования и продолжить заниматься созданием и настройкой базы данных.
Шаг 1.
Для копирования всех файлов лучше всего подходит ftp-соединение. В качестве примера, я открываю свой сайт через ftp-соединение в программе TotalCommander (левая панель), а в правой панели открываю папку сайта на локальном сервере.
буква виртуального диска:\папка сервера\home\localhost\www\папка для сайта\
Естественно, папку нужно создать заранее. И никаких русских букв в названии!

Копирование файлов
Создание базы данных на Денвере
Пока файлы сайта копируются можно приступить к созданию базы данных на Денвере.
Шаг 1.
Запускаете Денвер. Открываете браузер, и в адресной строке вводите адрес:
http://localhost/tools/
На открывшейся странице нажимаете на ссылку phpmyadmin/

Запуск утилиты phpmyadmin
Шаг 2.
Откроется новая страница, где нужно ввести имя базы данных и выбрать кодировку. Имя базы данных вводите то, что вы выписали из файла wp-config.php. Кодировку выбираем, как utf8_general_ci (так как выше я указал, что кодировка моей базы utf8).

Создание базы данных
В качестве успешного создания базы данных вы увидите сообщение.
Успешное создание базы
Импорт базы данных с хостинга на Денвер
Теперь задача заключается в том, чтобы все таблицы из базы данных, скачанной с хостинга импортировать в базу данных, созданную на локальном сервере Денвер.
Шаг 1.
Нажимаете на закладку «Import» — выбираете файл-архив базы данных, который вы скачали с хостинга. И нажимаете кнопку «Go».

Импорт базы данных
Примечание: По умолчанию — максимальный размер файл базы данных для загрузки 2Мб. Если размер файла вашей базы данных больше, необходимо открыть файл php.ini, найти строчку Maximum allowed size for uploaded files и изменить значение 2М на нужное вам.

Редактирование php.ini
Расположение файла php.ini:
буква виртуального диска:\usr\local\php5\
И обязательно перезапустите Денвер после внесения изменений в файл php.ini.
Шаг 2.
На этом шаге нужно изменить адрес сайта. То есть прописать адрес сайта на локальном сервере. Для этого нужно открыть таблицу wp_options (на этом этапе она находится у вас перед глазами, в левом столбике).
Открыв таблицу, вы увидите строку, где будет адрес вашего сайта. Для редактирования этой строки нажимаете на пиктограмму «Карандаш».

Редактирование wp_options
И привычный адрес вашего сайта в интернете вы изменяете на http://localhost/название папки на Денвере

Редактирование адреса
Как создать пользователя для базы данных
Вот и пригодились данные записанные вами ранее. Сейчас нужно будет создать пользователя и пароль для базы данных.
Шаг 1.
Нажмите на название базы данных – далее нажмите на закладку «Privileges» — Add a new User

Создание пользователя
Шаг 2.
Введите имя и пароль, выписанные из файла wp-config.php. В качестве хоста (Host) указываете localhost. Отмечаете все опции «Check All» и жмёте кнопку «Go».

Новый пользователь
На этом создание и настройка базы данных и сопутствующих элементов закончена. К этому моменту скорей всего, копирование файлов сайта завершилось.
Перезапускаем Денвер и пробуем запустить сайт на локальном сервере.
Запуск сайта на локальном сервере Денвер
Для того чтобы запустить сайт на локальном сервере нужно в адресной строке браузера ввести адрес указанный вами в таблице wp_options. В качестве моего примера я ввожу:
http://localhost/1zaicev
И получаю вот такой вот печальный результат, моя страница ошибки 404:

Первый блин — комом
Причём при нажатии на любую ссылку, происходит переход на мой блог в интернете.
Это происходит из-за того, что в настройках WordPress прописан адрес блога в интернете.
Для исправления этой ситуации необходимо открыть административную панель WordPress (логин и пароль те же, что и на основном сайте). Далее, нужно перейти в раздел «Настройки» > «Общие» и исправить адрес сайта.

Настройка WP
В итоге вы получаете точную копию сайта. Только на локальном сервере, у вас на компьютере.

Перенос завершён
Вот на этом перенос сайта на локальный сервер Денвер окончен.
Также обязательно посмотрите видеоурок, в нём я поделюсь с вами решение проблемы, которая возникла у меня при переносе моего блога на Денвер.
На сегодня достаточно. А уже в скором времени я поделюсь с вами, как перенести сайт с Денвера на хостинг.
Желаю вам удачи и до встречи в новых статьях.
С уважением, Максим Зайцев.
Как вы загружаете файлы на веб-сервер? - Изучите веб-разработку
В этой статье показано, как опубликовать свой сайт в Интернете с помощью инструментов передачи файлов.
Сводка
Если вы создали простую веб-страницу (см. Пример в разделе «Основы HTML»), вы, вероятно, захотите разместить ее в Интернете на веб-сервере. В этой статье мы обсудим, как это сделать, используя различные доступные параметры, такие как клиенты SFTP, RSync и GitHub.
SFTP
Существует несколько клиентов SFTP.Наша демонстрация охватывает FileZilla, поскольку она бесплатна и доступна для Windows, macOS и Linux. Чтобы установить FileZilla, перейдите на страницу загрузок FileZilla, нажмите большую кнопку «Загрузить», затем выполните установку из установочного файла обычным способом.
Примечание : Конечно, есть много других вариантов. См. Дополнительные сведения в разделе Инструменты публикации.
Откройте приложение FileZilla; вы должны увидеть что-то вроде этого:
Вход в систему
В этом примере мы предположим, что наш хостинг-провайдер (служба, которая будет размещать наш HTTP-веб-сервер) - это фиктивная компания «Example Hosting Provider», чьи URL-адреса выглядят так: mypersonalwebsite.examplehostingprovider.net
.
Мы только что открыли счет и получили от них следующую информацию:
Поздравляем с открытием учетной записи на Example Hosting Provider.
Ваш аккаунт:
demozilla
Ваш сайт будет виден по адресу
demozilla.examplehostingprovider.net
Для публикации в этой учетной записи подключитесь через SFTP со следующими учетными данными:
- SFTP-сервер:
sftp: // demozilla.examplehostingprovider.net
- Имя пользователя:
demozilla
- Пароль:
quickbrownfox
- Порт:
5548
- Для публикации в Интернете поместите свои файлы в каталог
Public / htdocs
.
Давайте сначала посмотрим на http://demozilla.examplehostingprovider.net/
- как видите, пока там ничего нет:
Примечание : В зависимости от вашего хостинг-провайдера большую часть времени вы увидите страницу, на которой написано что-то вроде «Этот веб-сайт размещен на [Hosting Service]».»При первом переходе на свой веб-адрес.
Чтобы подключить SFTP-клиент к удаленному серверу, выполните следующие действия:
- Выберите Файл> Менеджер сайта ... в главном меню.
- В окне Site Manager нажмите кнопку New Site , затем введите имя сайта как demozilla в отведенное место.
- Введите SFTP-сервер, указанный вашим хостом, в поле Host: .
- В раскрывающемся списке Тип входа: выберите Обычный , затем введите предоставленные имя пользователя и пароль в соответствующие поля.
- Введите правильный порт и другую информацию.
Ваше окно должно выглядеть примерно так:
Теперь нажмите Connect , чтобы подключиться к серверу SFTP.
Примечание. Убедитесь, что ваш хостинг-провайдер предлагает SFTP (безопасный FTP) подключение к вашему хостинговому пространству. FTP по своей сути небезопасен, и вам не следует его использовать.
Здесь и там: локальный и удаленный просмотр
После подключения ваш экран должен выглядеть примерно так (мы подключились к нашему собственному примеру, чтобы дать вам представление):
Давайте посмотрим, что вы видите:
- На центральной левой панели вы видите свои локальные файлы.Перейдите в каталог, в котором вы храните свой веб-сайт (например,
mdn
). - На центральной правой панели вы видите удаленные файлы. Мы вошли в наш удаленный корень FTP (в данном случае
пользователя / demozilla
) - На данный момент вы можете игнорировать нижнюю и верхнюю панели. Соответственно, это журнал сообщений, показывающий состояние соединения между вашим компьютером и сервером SFTP, и журнал в реальном времени каждого взаимодействия между вашим клиентом SFTP и сервером.
Загрузка на сервер
В наших примерах инструкций хоста говорилось: «Чтобы опубликовать в Интернете, поместите свои файлы в каталог Public / htdocs
."Вам нужно перейти в указанный каталог на правой панели. Этот каталог фактически является корнем вашего веб-сайта, где будет находиться ваш файл index.html
и другие ресурсы.
После того, как вы нашли правильный удаленный каталог для размещения файлов, чтобы загрузить файлы на сервер, вам нужно перетащить их с левой панели на правую.
Они действительно онлайн?
Пока все хорошо, но действительно ли файлы в сети? Вы можете проверить еще раз, вернувшись на свой сайт (например,грамм. http://demozilla.examplehostingprovider.net/
) в вашем браузере:
И - вуаля ! Наш сайт работает!
Rsync
Rsync - это инструмент для синхронизации файлов локально и удаленно, который обычно доступен в большинстве систем на базе Unix (например, macOS и Linux), но существуют и версии для Windows.
Он считается более продвинутым инструментом, чем SFTP, потому что по умолчанию он используется в командной строке. Базовая команда выглядит так:
rsync [-options] SOURCE user @ x.x.x.x: DESTINATION
-
-options
- это дефис, за которым следует одна или несколько букв, например-v
для подробных сообщений об ошибках и-b
для создания резервных копий. Вы можете увидеть полный список на странице руководства rsync (ищите «Сводка параметров»). -
ИСТОЧНИК
- это путь к локальному файлу или каталогу, из которого вы хотите скопировать файлы. -
user @
- это учетные данные пользователя на удаленном сервере, на который вы хотите скопировать файлы. -
x.x.x.x
- IP-адрес удаленного сервера. -
НАЗНАЧЕНИЕ
- это путь к месту, куда вы хотите скопировать каталог или файлы на удаленном сервере.
Вам необходимо получить такие данные у вашего хостинг-провайдера.
Для получения дополнительной информации и дополнительных примеров см. Как использовать Rsync для копирования / синхронизации файлов между серверами.
Конечно, рекомендуется использовать безопасное соединение, например FTP. В случае Rsync вы указываете детали SSH, чтобы установить соединение через SSH, используя опцию -e
.Например:
rsync [-options] -e "ssh [ПОДРОБНОСТИ SSH ЗДЕСЬ]" ИСТОЧНИК [email protected]: DESTINATION
Более подробную информацию о том, что необходимо, можно найти в разделе «Как копировать файлы с помощью Rsync через SSH».
Инструменты графического интерфейса Rsync
Как и другие инструменты командной строки, инструменты с графическим интерфейсом также существуют для Rsync, для тех, кому неудобно пользоваться командной строкой. Acrosync - один из таких инструментов, доступный для Windows и macOS.
Опять же, вам нужно будет получить учетные данные для подключения от вашего хостинг-провайдера, но таким образом у вас будет графический интерфейс для их ввода.
GitHub
GitHub позволяет публиковать веб-сайты через страницы GitHub (gh-страницы).
Мы рассмотрели основы использования этого в статье «Публикация вашего веб-сайта» из нашего руководства «Начало работы с Интернетом», поэтому мы не собираемся повторять все это здесь.
Однако стоит знать, что вы также можете разместить веб-сайт на GitHub, но использовать с ним собственный домен. См. Подробное руководство в разделе Использование личного домена со страницами GitHub Pages.
Другие способы загрузки файлов
Протокол FTP - один из хорошо известных методов публикации веб-сайтов, но не единственный.Вот еще несколько возможностей:
- Веб-интерфейсы . HTML-интерфейс, действующий как интерфейс для службы удаленной загрузки файлов. Предоставляется вашим хостингом.
- WebDAV . Расширение протокола HTTP для расширенного управления файлами.
Публикация вашего веб-сайта - Изучите веб-разработку
После того, как вы закончите писать код и систематизировать файлы, из которых состоит ваш веб-сайт, вам нужно разместить все это в сети, чтобы люди могли его найти. В этой статье объясняется, как без особых усилий разместить простой пример кода в Интернете.
Какие есть варианты?
Публикация веб-сайта - сложная тема, потому что есть много способов сделать это. В этой статье не предпринимаются попытки описать все возможные методы. Вместо этого он объясняет преимущества и недостатки трех подходов, которые практичны для начинающих.Затем он проходит через один метод, который может сразу работать для многих читателей.
Получение хостинга и доменного имени
Чтобы иметь больший контроль над контентом и внешним видом веб-сайта, большинство людей предпочитают покупать веб-хостинг и доменное имя:
- Веб-хостинг - это арендуемое файловое пространство на веб-сервере хостинговой компании. Вы размещаете файлы веб-сайта на веб-сервере. Веб-сервер предоставляет посетителям веб-сайта контент.
- Доменное имя - это уникальный адрес, по которому люди находят ваш веб-сайт, например
http: // www.mozilla.org
илиhttp://www.bbc.co.uk
. Вы можете арендовать свое доменное имя на сколько угодно лет у регистратора доменов .
Многие профессиональные веб-сайты выходят в Интернет таким образом.
Кроме того, вам понадобится программа протокола передачи файлов (FTP) (подробнее см. Сколько это стоит: программное обеспечение) для фактической передачи файлов веб-сайта на сервер. Программы FTP сильно различаются, но обычно вы должны подключаться к своему веб-серверу, используя данные, предоставленные вашей хостинговой компанией (обычно имя пользователя, пароль, имя хоста).Затем программа покажет вам ваши локальные файлы и файлы веб-сервера в двух окнах и предоставит вам возможность передавать файлы туда и обратно.
Советы по поиску хостинга и доменов
- MDN не продвигает определенные коммерческие хостинговые компании или регистраторов доменных имен. Чтобы найти хостинговые компании и регистраторов, просто выполните поиск по словам «веб-хостинг» и «доменные имена». Все регистраторы будут иметь возможность проверить, доступно ли желаемое доменное имя.
- Ваш домашний или офисный интернет-провайдер может предоставить ограниченный хостинг для небольшого веб-сайта. Набор доступных функций будет ограничен, но он может быть идеальным для ваших первых экспериментов.
- Также доступны бесплатные сервисы, такие как Neocities, Blogger и WordPress. Иногда вы получаете то, за что платите, но иногда этих ресурсов достаточно для ваших первоначальных экспериментов.
- Многие компании предоставляют хостинг и домены.
С помощью онлайн-инструмента, такого как GitHub или Google App Engine
Некоторые инструменты позволяют опубликовать свой веб-сайт в Интернете:
- GitHub - это сайт "социального программирования".Он позволяет загружать репозитории кода для хранения в системе контроля версий Git . После этого вы можете совместно работать над проектами кода, и по умолчанию система имеет открытый исходный код, а это означает, что любой человек в мире может найти ваш код GitHub, использовать его, учиться на нем и улучшать его. GitHub имеет очень полезную функцию под названием GitHub Pages, которая позволяет вам размещать код веб-сайта в реальном времени в Интернете.
- Google App Engine - это мощная платформа, которая позволяет создавать и запускать приложения в инфраструктуре Google - независимо от того, нужно ли вам создать многоуровневое веб-приложение с нуля или разместить статический веб-сайт.Посмотрите, как вы размещаете свой веб-сайт на Google App Engine? Чтобы получить больше информации.
Эти опции обычно бесплатны, но вы можете перерасти ограниченный набор функций.
Использование веб-среды IDE, например CodePen
Существует ряд веб-приложений, которые имитируют среду разработки веб-сайтов, позволяя вводить HTML, CSS и JavaScript, а затем отображать результат этого кода как веб-сайт - все на одной вкладке браузера. Вообще говоря, эти инструменты относительно просты, хороши для обучения, хороши для совместного использования кода (например, если вы хотите поделиться методикой или попросить помощи по отладке у коллег в другом офисе) и бесплатны (для базовых функций).Они размещают вашу отображаемую страницу по уникальному веб-адресу. Однако функции ограничены, и эти приложения обычно не предоставляют место для размещения активов (например, изображений).
Попробуйте поиграть с некоторыми из этих примеров, чтобы определить, какой из них лучше всего подходит для вас:
Публикация через GitHub
Теперь давайте посмотрим, как легко опубликовать свой сайт через GitHub Pages.
- Прежде всего, зарегистрируйтесь на GitHub и подтвердите свой адрес электронной почты.
- Далее вам нужно создать репозиторий для хранения файлов.
- На этой странице в поле Имя репозитория введите имя пользователя .github.io, где имя пользователя - ваше имя пользователя. Например, наш друг Боб Смит ввел бы bobsmith.github.io .
Установите флажок « Инициализировать этот репозиторий с помощью README» . Затем нажмите Создать репозиторий . - Перетащите содержимое папки вашего веб-сайта в репозиторий. Затем нажмите Принять изменения .
Примечание : Убедитесь, что ваша папка имеет индекс
.html
файл. -
Перейдите в браузере к имени пользователя .github.io, чтобы увидеть свой веб-сайт в Интернете. Например, для имени пользователя chrisdavidmills перейдите на chrisdavidmills .github.io.
Примечание : запуск вашего веб-сайта может занять несколько минут. Если ваш веб-сайт не отображается сразу, подождите несколько минут. Попробуй еще раз.
Чтобы узнать больше, см. Справку по страницам GitHub.
Дополнительная литература
В этом модуле
. .Как мне загрузить файл на мой сервер?
Есть несколько способов загрузить файл на ваш сервер на хостинге InMotion. Способ загрузки файлов будет зависеть от ваших предпочтений и вашей доступности на сервере. В этом руководстве мы объясним, как загрузить файл с помощью диспетчера файлов, FileZilla и Notepad ++. Мы предполагаем, что вы знаете, куда в своей учетной записи вам нужно загружать файлы. Однако, если вы не уверены, прочтите нашу статью под названием «В какой каталог мне помещать файлы?».
В чем разница между каждым методом?
Есть причины, по которым разработчик может использовать File Manager, FileZilla или Notepad ++. Ниже будет объяснено, почему вы выбрали тот или иной метод.
Файловый менеджер (на основе браузера): Файловый менеджер удобен для использования, когда вы находитесь вдали от компьютера и у вас есть доступ к браузеру. К файловому менеджеру можно получить доступ из любого места. Это избавляет от необходимости устанавливать такую программу, как FileZilla или Notepad ++.
FileZilla (FTP): FileZilla хорошо использовать для загрузки файлов, потому что он работает через порт 21 и может загружать большое количество файлов одновременно.
Notepad ++ (редактор кода): Использование Notepad ++ - это способ загрузки файлов во время создания содержимого для них, notepad ++ похож на DreamWeaver в том, что вы можете редактировать файлы и загружать их через тот же интерфейс. Это избавляет от необходимости одновременно иметь редактор HTML и программу FTP.
Как загрузить файл через файловый менеджер
- Войдите в свою cPanel.Нажмите кнопку File Manager в разделе Files .
- Перейдите в каталог , в который хотите загрузить файл, и щелкните ссылку Загрузить в верхней части файлового менеджера . Откроется страница загрузки в новой вкладке.
- Перетащите файл в окно или щелкните Select File , чтобы найти на компьютере файл, который вы хотите загрузить. Установите флажок «Доступно», если вы хотите перезаписать файлы, уже существующие в папке загрузки.
- Ваш файл будет загружен. По завершении загрузки вы увидите сообщение «100%».
- Щелкните ссылку Вернуться , чтобы вернуться в диспетчер файлов .
- Обновите файловый менеджер , щелкнув ссылку Reload в верхней средней части файлового менеджера. Теперь вы должны увидеть файл, указанный в диспетчере файлов.
Как загрузить через FTP с помощью FileZilla
FileZilla может загружать файлы с вашего компьютера на ваш сервер вместе с нами.Левая сторона - это « Local Site », а правая - « Remote Site ». « Local Site » - это ваш компьютер, где расположены файлы. « Remote Site » - это расположение файлов на сервере. Ниже описано, как загрузить файл с помощью FileZilla.
- Подключитесь к вашему серверу с помощью FileZilla.
- Навигация по файлам в третьем окне слева под полем « Local Site: », где написано « Filename ».
-
Окно справа от него - это каталог « Remote Site ». Перейдите к папке, в которую вы хотите загрузить файл / папку , в окне « Filename » под окном « Remote Site ».
Перетащите файл, который вы хотите загрузить на сервер , с « Local Site » на « Remote Site ».
Файл будет загружен, и вы увидите его в списке файлов в каталоге, куда вы перетащили файл.
Использование такой программы, как Notepad ++
Notepad ++ - это программа, которая позволяет редактировать ваш сайт, а также загружать и создавать файлы на сервере. Он похож на программы-редакторы HTML, такие как Edit Plus или DreamWeaver . Ниже будет объяснено, как создать файл на вашем сервере с помощью Notepad ++.
- Подключитесь к серверу с помощью Notepad ++.
- В окне NppFTP в правой части Notepad ++ перейдите к папке , в которую вы хотите загрузить файл. Щелкните папку правой кнопкой мыши и выберите « Загрузить сюда другой файл». . . “.
-
Найдите на сервере файл , который вы хотите загрузить. Выберите файл и нажмите «Открыть» .
Теперь вы увидите файл в папке на сервере.
Чтобы увидеть другие статьи о том, как управлять своими файлами, посетите Как управлять файлами на сервере ?.
Чтобы узнать, как редактировать файл, см. Нашу статью Как мне редактировать файл на моем сервере ?.
.