Нужна ваша помощь | Путинские оккупанты в Украине | Дроны для ЗСУ
24 февраля 2023 года будет уже год как ЗСУ героически противостоит путинской оккупации. Военный прес...
Установка XAMPP-VM для OSX (macOS Mojave, macOS Sierra)
4 years ago |
27.3K
В этом уроке PHP/MySQL курса рассмотрим как устанавливать XAMPP на Mac. У меня mac с операционной системой macOS Mojave. Если вы используете mac с более ранними версиями операционной системы (macOS Sierra, macOS El Capitan), ничего страшного, различий практически никаких нет. Но если вы пользователь Windows - смело можете пропустить этот урок, так как для Windows вы можете посмотреть урок PHP курса Как настроить XAMPP для Windows по этой ссылке.
Итак, что же такое XAMPP?
XAMPP - это набор программ для веб-разработки. В него входит APACHE веб-сервер, PHP и MariaDB бесплатная база данных, которая пришла на замену MySQL. Все программы Apache, php, mysql вы можете установить и настроить по отдельности, но XAMPP упрощает эту задачу и хорошо подходит для веб-разработки.
Видео Установка и настройка XAMPP-VM для OSX
Настройка XAMPP для веб-разработки состоит из трех шагов:
1. Установка программы XAMPP
2. Настройка конфига Apache
3. Настройка файла hosts
Итак давайте пройдем каждый из шагов.
Установка программы XAMPP
Для установки XAMPP давайте перейдем в браузер, я использую Google Chrome и введем в адресной строке XAMPP, перейдем на сайт и выберем версию для OS X. Ссылка на сайт XAMPP.
Запустим скаченный файл и перетащим XAMPP в папку Applications.
Теперь давайте перейдем в Applications и найдем наш XAMPP, откроем его. Так как мы скачивали XAMPP не из App store, система нас спрашивает, хотим ли мы запустить файл, говорим да - нажимаем open. Система сообщает нам, что это первый запуск, поэтому нужно ввести наш пароль администратора - вводим его. Подождем пока пройдет инициализация.
Во вкладке General нажмем кнопку Start, немного подождем пока запустятся Apache и mySQL сервисы. При успешном запуске Status должен стать зеленым.
Перейдем во вкладку Services и здесь мы видим, что Apache и MySQL запустились успешно. Также здесь вы видите, что запущен сервис ProFTPD - о нем мы поговорим чуть позже.
Вернемся обратно во вкладку General. В ней вы также можете видеть IP адрес. Скопируйте его и введите в адресную строку Google Chrome и нажмите на enter. Если все сервисы запустились корректно, вы должны увидеть такую страницу:
Также вы можете отрыть данную страницу, нажав на кнопку Go to Application.
Отлично! Вероятно у вас есть вопрос, где же хранятся html-файлы, которые сейчас отображаются в браузере?
Когда мы скачивали XAMPP с сайта, мы выбрали XAMPP-VM. XAMPP-VM - это виртуальная машина или виртуальный компьютер с операционной системой linux, запущенный в вашем mac. По сути это отдельный виртуальный компьютер и по этому, для того, чтобы закачивать html, php файлы, требуется еще один промежуточный сервис, который обеспечит возможность передавать файлы из вашего mac в виртуальную машину xampp. Если мы еще раз перейдем во вкладку Services, вы увидите запущенный сервис ProFTPD.
С помощью него вы сможете передавать файлы с вашего mac по протоколу FTP в ваш виртуальный сервер XAMPP, но мы рассмотрим и более простой способ. Если сейчас кажется, что это сложно и запутанно - не пугайтесь, это не сложнее копирования файлов одной папку в другую - очень скоро привыкните.
Для того, чтобы попасть в наш виртуальный сервер XAMPP, перейдите во вкладку Volumes и нажмите на кнопку mount, затем откройте finder и с левой стороны вы увидите новый каталог с вашим виртуальным сервером. Перейдем в него и посмотрим, что там есть.
Мы активно будем работать с каталогом htdocs. Именно в нем у вас будут хранится ваши сайты и php-скрипты.
Как исправить ошибку Access forbidden при открытии phpmyadmin в XAMPP-VM?
Перед тем как мы продолжим, давайте настроим вход в phpmyadmin. Если мы сейчас просто перейдем по адресу наш IP адрес слеш и допишем phpmyadmin, мы увидим ошибку что мы не можем открыть phpmyadmin, потому что каталог доступен только внутри нашего виртуального сервера, а мы пытаемся открыть из внешней сети. Как это исправить?
Судя по информационному сообщению, нам необходимо поправить apache конфиг нашего виртуального сервера и файл с конфигом называется httpd-xampp.conf. Так как у нас виртуальный сервер, значит все конфиги хранятся на нем. Для того, чтобы открыть файл httpd-xampp.conf, нам нужно зайти на наш виртуальный сервер XAMPP - перейти в каталог etc - extra - и открыть файл httpd-xammp.conf. Нажмем правой кнопкой мыши по файлу и скажем что хотим его открыть с помощью программы text-edit.
Для того, чтобы phpmyadmin открывался из вне, нам нужно заменить:
'Require local' на 'Require all granted', затем давайте сохраним наши изменения и перезагрузим apache для того, чтобы apache перезапустился с нашим новым конфигом. Мы можем перезагрузить весь виртуальный сервер или только отдельный сервис apache, для того, чтобы изменения вступили в силу.
Если вы все сделали верно, у вас должен открыться phpmyadmin. К phpmyadmin и sql мы вернемся через несколько уроков php/mysql. А сейчас давайте продолжим настройку нашего виртуального сервера.
Настройка XAMPP-VM (APACHE, HOSTS)
В курсе PHP/MySQL мы будем хранить все наши проекты в каталоге htdocs. По этому сейчас давайте перейдем в него и удалим все файлы. А теперь давайте создадим каталог kinomonster, перейдем в него и создадим файл index.php. Кстати, если вы ранее не устанавливали редактор кода Sublime text 3 - я рекомендую это сделать, но если вы его еще не установили, вы можете создать файл index.php с помощью Text Edit. Для этого откроем наш блокнот и сверху в меню выберем format - Make Plain Text - затем File - Save и выберем куда хотим сохранить наш файл index.php. Сейчас давайте напишем какой-нибудь простой php код:
<?php
echo 'test';
?>И сохраним документ. А сейчас давайте сделаем так, чтобы при обращении к домену kinomonster.com, браузер обращался к нашему виртуальному серверу XAMPP и выполнял наш php-скрипт, то есть выводил надпись test.
Для этого создадим хост в файле extra/httpd-vhosts.conf. Именно в этом файле у нас будут храниться все конфиги для наших сайтов:
<VirtualHost *:80>
ServerAdmin [email protected]
DocumentRoot "/opt/lampp/htdocs/kinomonster"
ServerName kinomonster.com
ErrorLog "logs/kinomonster.com-error_log"
CustomLog "logs/kinomonster.com-access_log" common
</VirtualHost>
Сохраним наш файл, теперь давайте перейдем в основной конфиг apache, найдем строчку и раскоментируем ее, для того, чтобы конфиг с виртуальными хостами заработал:
Include etc/extra/httpd-vhosts.confи перезапустим Apache. Перезапуск прошел успешно и теперь нам осталось только настроить возможность обращаться через домен kinomonster.com к нашему виртуальному серверу XAMPP. Для этого давайте сделаем следующее: Откроем
терминал и напишем команду:
sudo nano /etc/hosts
Далее вводим пароль от компьютера и внутри файла hosts напишем следующее:
ВАШ_IP_АДРЕС kinomonster.comи нажмем на "control + x", затем клавишу "y" для того, чтобы наш файл сохранился.
А сейчас давайте перейдем в наш браузер и введем в адресную строку: kinomonster.com и как видите, браузер отображает результат работы php-скрипта.
В интерактивном курсе PHP/MySQL вы можете скачать конфиг apache к этому уроку, а также XAMPP для OSX.
Выводы XAMPP-VM для MAC
Как вы можете видеть, настроить XAMPP-VM для OSX (Mojave, Sierra) достаточно просто и очень важно все шаги выполнять внимательно и тогда у вас все получится с первого раза. Установка и настройка XAMPP-VM - это один из первых уроков PHP моего интерактивного курса PHP/MySQL, впереди вас ждет очень много полезных уроков.
С уважением, Сергей Никонов
Успехов в обучении!
Поделитесь в социальных сетях
Читайте также
Emmet больше не работает в Visual Studio Code? Так можно решить проблему!
В этой статье я расскажу как сделать так, чтобы Emmet заработал в Visual Studio Code
Почему больше нельзя купить доступ к курсам FructCode из России
24 февраля в 5 часа утра Россия вторглась в Украину. Вот уже больше месяца в этой бессмысленной войн...
Опубликован новый курс HTML/CSS Advanced
Новый курс верстки веб-сайтов HTML/CSS Advanced доступен на сайте FructCode. В этом курсе вы научите...
Маркированные списки (Unordered Lists) и нумерованные списки (Ordered Lists)
В этой статье я расскажу про маркированные html-списки(Unordered Lists) и нумерованные html-списки (...
Что такое псевдоклассы (pseudo classes) и псевдоэлементы (pseudo elements)
В этой статье я расскажу про псевдоклассы (pseudo classes) и псевдоэлементы (pseudo elements): ::bef...
CSS-селекторы: Способы задавать CSS-стили для HTML-элементов
В этой статье я покажу способы как задавать CSS-стили для HTML-элементов с помощью CSS-селекторов
Как пользоваться видеоплеером
В этой статье вы узнаете как эффективнее с помощью горячих клавиш пользоваться видеоплеером
Стартует новый курс HTML/CSS Advanced
Курс HTML/CSS Advanced подходит как для новичков, так и для опытных верстальщиков
Новости и планы FructCode на 2021 год
В этом видео я расскажу новости о FructCode, обновлениях и о планах на 2021 год.
Обучение для трудоустройства
Как с нуля изучить программирование и успешно трудоустроиться? Как учиться быстро и эффективно?
В...
Уроки Yii2: Роутинг и Friendly URL (ЧПУ)
В этом уроке я покажу как можно из стандартных ссылок Yii2 сделать Friendly URL (человекопонятные сс...
Как подключить шрифты для сайта? Сотни бесплатных шрифтов.
В этом видео для начинающих, я покажу как за 10 секунд можно подключить шрифт для вашего сайта.
Уроки VueJS. Что такое Computed properties (Вычисляемые свойства)?
В этой статье вы узнаете о важном свойстве VueJS - Computed Properties.
Windows, Mac или Linux - Что выбрать?
В этом видео я расскажу о плюсах и минусах операционных систем Windows, MacOS и Linux.
Уроки Yii2. Как создать страницу и что такое View и Controller
В этом уроке вы узнаете:
- Что такое MVC
- Как создать страницу в фреймворке Yii2
- Что такое кон...
Уроки VueJS. Что такое V-FOR директива
Вы узнаете:
- Что такое директива V-FOR в фреймворке VueJS
- Как использовать директиву V-FOR с ма...
Альтернатива редактору кода Sublime Text 3 с блекджеком и emmet из коробки
В этом видео я расскажу про альтернативу редактору кода Sublime Text 3
Что такое Webpack? Современные инструменты frontend-разработчика
В этой статье я расскажу о том, что такое Webpack и как его используют в своих проектах frontend-раз...
Что такое NodeJS и npm?
На современном Javascript можно разрабатывать не только Frontend часть сайта, но и Backend и в этой...
Уроки PHPStorm и работа с GIT уже доступны
Доступны для изучения новые уроки по профессиональному редактору кода PHPStorm в курсе Linux/GIT. Уз...
Курс Linux/GIT обновлен и дополнен новыми уроками!
Доступна новая обновленная и дополненная версия уроков курса Linux и GIT
Большое обновление FructCode
Обучайтесь эффективнее на онлайн платформе FructCode с новыми интерактивными заданиями и новыми возм...
Что такое Modern Javascript?
Языки программирования развиваются и Javascript не стал исключением. В этой статье вы узнаете о том,...
Не удается сохранить файл hosts в Windows 10
Достаточно часто пользователи сталкиваются с такой проблемой, что не удается сохранить файл hosts. О...
Первый язык программирования. Какой выбрать?
Первый язык программирования выбрать очень сложно. В этой статье вы узнаете, какой язык программиров...
Фреймворк - важный инструмент программиста. Обзор HTML/CSS, PHP, Javascript и Python-фреймворков и библиотек
Фреймворки - это один из важных инструментов программиста. Узнать обо всех особенностях фреймворков,...
Команды Linux: оболочка Bash
Пользователи, которые только начинают работу с терминалом Linux, часто сталкиваются с весьма популяр...
JOOMLA: достоинства и недостатки бесплатного движка
Joomla является интересным решением для быстрого создания интернет-магазина или сайтов другой направ...
Массивы в Javascript: как создать, методы работы, использование циклов
Для хорошего программиста просто необходимо знание языка Javascript и умение работать с массивами. К...
Поисковая оптимизация сайта: семь важных составляющих
Мечты начинающего вебмастера направлены на попадание сайта в первую десятку выдачи поисковых систем....
Классы в JAVASCRIPT
У языка Javascript достаточно непривычный для программистов синтаксис, особенно, если раньше они пис...
Легкий и быстрый редактор кода Sublime Text 3
В своей работе, программисты пользуются разными редакторами кода, для разработки можно использовать...
Особенности объектно-ориентированного программирования
Каждый кандидат, который хочет получить должность программиста в крупной компании, должен ответить н...
Полезные расширения Google Chrome для веб-программистов
Все профессиональные веб-разработчики в процессе своей работы пользуются большим количеством различн...
Создание модального окна с помощью библиотеки jQuery
Всплывающее окно на сайте - является инструментом привлечения внимания пользователя. Такие модальные...
Установка и отладка веб-сервера для сайта в UBUNTU
Настройка веб-сервера для локального веб-сайта в Ubuntu является не простой задачей, но как это дела...
Что такое веб-хостинг
Хостинг - это специализированный компьютер (сервер), который предоставляет пользователям возможности...
GIT и BitBucket: Командная разработка кода
Современная командная работа в среде программирования невозможна без системы управления версиями код...
Как сделать HTTP-запрос или HTTPS-запрос в PHP скрипте
В программированию, очень часто встречается задача, когда нужно обратиться к другому сайту через HTT...
Как убрать index.php из URL
Для продвижения сайта в интернет, через поисковые системы, необходимы производить оптимизации. При с...
Что такое файл index.php?
В этой статье вы узнаете, что такое файл index.php, чем его можно открыть. Мы рассмотрим самый прост...
Как отправить HTML-форму без перезагрузки страницы
При разработке сайтов бывает, что у нас возникает необходимость отправить данные html-формы без пере...
