Алёнка

Как выгрузить сайт с хостинга на компьютер

Перенос сайт с хостинга на локальный сервер Денвер

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

Как правило, просто так сайт переносить на Денвер никто не будет. Для этого должны быть причины. И таких причин предостаточно. Мне, к примеру, приходилось несколько раз переносить сайты заказчиков на Денвер, и дорабатывать или переделывать, так как изначально создавались они другими людьми. При этом сайт работает в штатном режиме, а я спокойно мог ковыряться с копией на локальном сервере. А после завершения работ, выгрузить сайт обратно на хостинг.

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

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

Что потребуется для переноса сайта на Денвер

Прежде всего, нужно установить Денвер на компьютер. В моей предыдущей статье я подробно, по шагам описал это процесс.
Определится с базой данных 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 ++ перейдите к папке , в которую вы хотите загрузить файл. Щелкните папку правой кнопкой мыши и выберите « Загрузить сюда другой файл». . . “.
Найдите на сервере файл , который вы хотите загрузить. Выберите файл и нажмите «Открыть» .

Теперь вы увидите файл в папке на сервере.