Что нужно поставить на компьютер, чтобы делать сайты

Что нужно поставить на компьютер, чтобы делать сайты

Устанавливаем MAMP за 10 минут

Задача на сегодня — сделать так, чтобы вы могли запускать собственные сайты на своём компьютере. В частности, чтобы вы могли локально установить «Вордпресс», потыкать его, поучиться его настраивать и, может быть, сделать заготовку для собственного сайта в будущем. 

Вообще для разработки и тестирования сайтов чаще всего нужен такой набор софта:

  • база данных, чтобы сайт там мог хранить свои данные;
  • веб-сервер, который будет отвечать на запросы и отдавать готовые страницы;
  • скриптовый язык для обработки и сборки страниц, обычно это PHP.

Даже для установки Вордпресса мы использовали сервер в интернете, а не домашний компьютер, потому на сервере уже есть весь нужный софт, а на домашнем компьютере — нет. Сегодня мы это исправим.

Что такое MAMP

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

MAMP — это аббревиатура:

  • Mac OS или Macintosh — операционная система, на которой будет работать софт;
  • Apache — веб-сервер;
  • MySQL — база данных;
  • PHP — скриптовый язык для работы сайта.

Такие сборки правильно называть AMP, без указания операционной системы. Но MAMP-проект оказался настолько удачным решением, в том числе и с версией для Windows, что теперь это сокращение стало стандартом и все понимают, о чём идёт речь.

Где скачать

Чтобы скачать MAMP, зайдите на страницу загрузок и выберите свой вариант:

Если у вас Линукс, то, скорее всего, скачивать ничего не нужно — MySQL, PHP и Apache идут в комплекте с большинством дистрибутивов.

Как установить

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

Что нужно поставить на компьютер, чтобы делать сайты

После установки достаточно запустить только программу MAMP, а она уже сама запустит всё остальное. Зелёные кружочки справа означают, что сейчас работает веб-сервер и база данных, а облачный сервис — нет (да и он нам не нужен сейчас):

Что нужно поставить на компьютер, чтобы делать сайты

Проверим, что всё заработало как нужно: наберём в адресной строке браузера localhost/MAMP и нажмём энтер:

Что нужно поставить на компьютер, чтобы делать сайты

Открылась страница MAMP — это значит, что всё работает как нужно.

Как использовать

Чтобы проверить MAMP в деле, установим и запустим Вордпресс у себя на компьютере. Для этого нужно пройти три принципиальных этапа: 

  1. Залить файлы Вордпресса на сайт.
  2. Создать для Вордпресса базу данных.
  3. Запустить установку Вордпресса.

Теперь подробнее:

Заливаем файлы

1. Скачиваем последнюю версию Вордпресса.

2. Внутри папки, куда мы установили MAMP, находим папку htdocs и в ней создаём папку test-site (имя может быть любым).

Что нужно поставить на компьютер, чтобы делать сайты

3. Распаковываем Вордпресс, заходим в папку wordpress и копируем её содержимое в нашу папку test-site (или как вы её назвали).

Что нужно поставить на компьютер, чтобы делать сайты

Создаём базу данных

4. Заходим в браузере на localhost/MAMP и запускаем PHP My Admin — программу для управления сервером и базой данных.

Что нужно поставить на компьютер, чтобы делать сайты

5. Выбираем вкладку Databases, находим раздел Create Database и пишем название нашей новой базы для Вордпресса — пусть это будет wp-base.

Что нужно поставить на компьютер, чтобы делать сайты

Запускаем установку

6. Набираем в браузере localhost/test-site/wp-admin/setup-config.php и нажимаем энтер — появляется стандартная установка Вордпресса:

Что нужно поставить на компьютер, чтобы делать сайты

7. Вводим имя базы, которую мы недавно создали, и логин с паролем от неё. По умолчанию оба параметра — root:

Что нужно поставить на компьютер, чтобы делать сайты

8. Запускаем установку:

Что нужно поставить на компьютер, чтобы делать сайты

Дальше перед нами появляется стандартная установка Вордпресса, про которую мы уже подробно рассказывали в другой статье:

Что нужно поставить на компьютер, чтобы делать сайты

Что дальше

Дальше — изучайте Вордпресс, становитесь администратором по Вордпрессу и выбирайте комплектацию вашего нового «Эскалейда». Там надо в предзаказ становиться, машины сейчас долго везут.

Текст:

Михаил Полянин

Редактор:

Максим Ильяхов

Художник:

Даня Берковский

Корректор:

Ирина Михеева

Вёрстка:

Кирилл Климентьев

Соцсети:

Олег Вешкурцев

Получите ИТ-профессию
В «Яндекс Практикуме» можно стать разработчиком, тестировщиком, аналитиком и менеджером цифровых продуктов. Первая часть обучения всегда бесплатная, чтобы попробовать и найти то, что вам по душе. Дальше — программы трудоустройства.
Начать карьеру в ИТ
Получите ИТ-профессию Получите ИТ-профессию Получите ИТ-профессию Получите ИТ-профессию
Еще по теме
Bomberman на JavaScript

Как на старой приставке из детства.

hard
Что означает ошибка KeyError
Что означает ошибка KeyError

Это значит, что используется несуществующий ключ словаря

easy
ReferenceError: math is not defined — что это означает

Противная и неочевидная ошибка, которую очень легко исправить.

medium
Бесконечная заставка с пинг-понгом
Бесконечная заставка с пинг-понгом

Ещё один способ работать с элементами, не зная их id

medium
Три ИТ-проекта из России от читателей «Кода»
Три ИТ-проекта из России от читателей «Кода»

Время отечественного пиара.

medium
Прогаем в Экселе: автомобиль в кредит или по подписке?
Прогаем в Экселе: автомобиль в кредит или по подписке?

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

easy
Uncaught TypeError: Cannot read property — что это означает
Uncaught TypeError: Cannot read property — что это означает

Нельзя прочитать то, чего нет.

medium
Запускаем нейросеть на домашнем компьютере
Запускаем нейросеть на домашнем компьютере

Пошаговое руководство для начинающих

hard
Олды здесь: как сверстать веб-страницу на таблицах
Олды здесь: как сверстать веб-страницу на таблицах

Для этого нужна простая советская...

easy
Пишем Чехова на цепях Маркова: готовая библиотека
Пишем Чехова на цепях Маркова: готовая библиотека

Многократно ускоряем разработку.

easy
medium