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

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

Устанавливаем 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. Запускаем установку:

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

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

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

Что дальше

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

Текст:

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

Редактор:

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

Художник:

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

Корректор:

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

Вёрстка:

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

Соцсети:

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

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

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

medium
Как добавить плавающий блок на страницу
Как добавить плавающий блок на страницу

Иногда это и правда нужно.

easy
Генератор паролей
Превращаем генератор паролей в настоящую программу

Настало время настоящего программирования — собираем приложение из исходников.

hard
Что означает ошибка TypeError: 'str' object does not support item assignment
Что означает ошибка TypeError: 'str' object does not support item assignment

Ошибка из другого языка

easy
Текстовый дождь, как в «Матрице»
Текстовый дождь, как в «Матрице»

Приятная кодовая безделушка.

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

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

easy
Вжух, вжух! Добавляем звук меча на любой странице

Время дурацких проектов.

medium
$ is not defined в jQuery: что это значит и что делать
medium
Как сделать красивый сайт на Вордпрессе

Быстрее, чем экспресс-дизайн. Дешевле, чем экспресс-дизайн. Лучше, чем экспресс-дизайн.

medium
Как накопить на Айфон ещё быстрее
Как накопить на Айфон ещё быстрее

Excel нам в помощь.

easy
medium