XAMPP - как установить и настроить на Mac (Mojave, Sierra)
XAMPP-VM - это набор программ и компонентов для веб-разработки, который включает в себя веб-сервер Apache, PHP и базу данных MariaDB (MySQL), а также другие компоненты. В этой статье вы узнаете, как установить и настроить XAMPP-VM на Mac OSX (Mojave, Sierra)
Web-hosting rating: 8 out of 10 with 325 ratings

На примере операционной системы macOS Mojave, я покажу как установить и настроить XAMPP-VM. Если вы пользуетесь macOS Sierra или более ранними версиями OSX - данная статья вам поможет установить XAMPP-VM (Apache, PHP, MySQL) на ваш Mac. Для пользователей Windows, о том как настроить XAMPP, вы можете узнать по этой ссылке: урок Как настроить XAMPP для Windows по этой ссылке.
 

Зачем устанавливать XAMPP-VM на Mac?

XAMPP-VM - это программы и компоненты, предназначенные для разработчиков сайтов и включает в себя PHP, веб-сервер Apache и базу данных MariaDB (MySQL), а также другие компоненты. Данные программы и компоненты Apache, php, mysql возможно установить и связать между собой без использования XAMPP-VM, но XAMPP помогает их установить и настроить всего парой кликов мышью и это несомненно большой плюс, особенно если вы начинаете изучение программирования и веб-разработки с нуля.
 

Видеоурок Установка и настройка XAMPP-VM для Mac OSX Mojave, Sierra

 
 
 

XAMPP-VM. Установка на Mac OSX Mojave

 
Для того, чтобы установить XAMPP-VM, давайте откроем браузер Google Chrome и найдем официальный сайт XAMPP, затем нам нужно скачать версию для OS X. Официальный сайт XAMPP.
 
Осталось только запустить скаченный файл XAMPP-VM и перенести в папку Applications, как показано на изображении ниже:
 
xampp-vm установка
 
Откроем Finder, перейдем в Applications и найдем XAMPP-VM, кликнем на него два раза. При первом запуске вы увидите предупреждение, что файл скачен из интернета, а не из App Store, вы действительно хотите его открыть? Нажимаем Open. После этого нас попросят ввести пароль администратора - вводим. 
 
 
Программа XAMPP-VM запустилась на Mac и по умолчанию открыта вкладка General. Нажмите на Start и подождите полного запуска сервисов MySQL, Apache. Если все прошло удачно, статут должен стать зеленым цветом, как на изображении ниже.
 
xampp-vm панель
 
Откройте вкладку Services - здесь сервисы также должны быть зеленого цвета. На сервисе ProFTPD пока не будем останавливаться, о нем вы узнаете позже.
 
xampp-vm services
 
Откройте General и найдете IP-адрес как на изображении ниже. Выделите и скопируйте IP-адрес виртуального сервера XAMPP-VM, а затем вставьте в Google Chrome. После того, как нажмете Enter, вы должны увидеть такую страницу:
 
xampp-vm стартовая страница
 
Кстати, кнопка в XAMPP-VM Go to Application, делает тоже самое.
 

Что такое XAMPP-VM и где хранятся php и другие файлы сайтов?

 
XAMPP-VM - это виртуальный сервер, который запускается внутри вашего Mac. То есть это считайте как отдельный компьютер, только виртуальный и по этому, для того, чтобы передать в него html, php скрипты, картинки сайта, необходимо связать ваш Mac с ним. Давайте перейдем во вкладку Services еще раз, обратите внимание на сервис ProFTPD. 
 
Этот сервис ProFTPD служит для того, чтобы вы могли соединяться из вашего Mac с виртуальной машиной XAMPP по протоколу FTP, но разработчики XAMPP-VM предлагают и более простой способ.
 
Давайте войдем в наш виртуальных сервер XAMPP-VM. Откройте панель XAMPP-VM и перейдите во вкладку Volumes, затем нажмите на кнопку mount. Далее откройте finder и с левой стороны вы увидите новый каталог с IP-адресом, как на картинке ниже. Перейдите в него.
 
xampp-vm volumes
 
Обратите внимание на каталог htdocs. В данном каталоге мы будем хранить наши разрабатываемые веб-сайты в курсе PHP/MySQL.
 

Исправление ошибки Access forbidden в phpmyadmin для XAMPP-VM

PhpMyAdmin - это удобный инструмент для управления базой данных MySQL/MariaDB. Для того, чтобы открыть PhpMyAdmin, необходимо в браузере написать IP-адрес, который выдал нам XAMPP-VM, поставить слеш и написать phpmyadmin. Но без дополнительных настроек XAMPP-VM для phpmyadmin, вы увидите ошибку. Ошибка Access forbidden в phpmyadmin в XAMPP-VM возникает из-за того, что доступ к phpmyadmin есть только внутри виртуальной машины XAMPP-VM, но его нельзя открыть за пределами локальной сети виртуального компьютера.
 
xampp-vm phpmyadmin access forbidden!
 
Для того, чтобы исправить ошибку Access forbidden в phpmyadmin, нужно внести правки в файл httpd-xampp.conf. Все конфиги XAMPP-VM находятся внутри виртуальной машины XAMPP-VM. Давайте перейдем в каталог etc/extra/ и найдем файл httpd-xammp.conf и откроем его с помощью блокнота text-edit. 
 
Сейчас, в открывшемся файле, нужно найти и заменить строчку:
'Require local' на 'Require all granted' и после сохранения файла httpd-xampp.conf, необходимо перезагрузить сервис apache, чтобы изменения были применены.
 
После этого, обновите страницу в браузере с phpmyadmin. В курсе php/mysql вы изучите язык запросов к базам данных SQL, а также как пользоваться PhpMyAdmin. 
 

Настройка Apache в MacOS Mojave/Sierra для XAMPP-VM

В курсе PHP/MySQL разрабатываемые сайты, мы будем хранить в папке htdocs. Перейдите в htdocs и удалите все файлы в этом каталоге, затем создайте папку kinomonster, и внутри этой папки создайте файл index.php. Для редактирования файлы index.php, вы можете использовать любой текстовый редактор, но в данной статье, я покажу как создать файл index.php в программе Text Edit.
 
Для того, чтобы с помощью программы Text Edit создать файл с расширением .php, откройте Text Edit и сверху в меню выберите format - Make Plain Text - затем нажмите на File - Save. Сохраним файл index.php в наш виртуальный сервер XAMPP. Если файл index.php сохранился успешно, давайте напишем простой код на языке PHP:
 
<?php
    echo 'test';
?>
 
Еше раз сохраним файл index.php и сделаем так, чтобы код файла index.php выполнялся на виртуальном сервере XAMPP-VM при обращении к домену kinomonster.com и в браузере выводил надпись"test".
 
Для того, чтобы это сделать, необходимо настроить виртуальный хост Apache в файле extra/httpd-vhosts.conf. С помощью конфигов виртуальных хостов, вы сможете привязывать локальные домены к вашим локальным сайтам. Если пока не совсем понятно - ничего страшного, по завершении настройки, вы поймете как настраивать виртуальные хосты apache. Откройте конфиг виртуальных хостов и допишите следующее:
<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.
 

Редактирование файла hosts в MacOS

С помощью файла hosts мы свяжем наш локальный домен kinomonster.com с веб-сервером Apache и получим возможность открывать наш локальный сайт при обращении к kinomonster.com . 
 
Запустите программу terminal и введите команду:
sudo nano /etc/hosts

 Затем введите пароль администратора Mac и напишите:

ВАШ_IP_АДРЕС kinomonster.com

Для того, чтобы сохранить изменения с помощью редактора nano в MacOS, нажмите на сочетание клавиш "control + x", затем на клавишу "y".

xampp-vm macos hosts
 
Откройте браузер Google Chrome и введите в адресную строку: kinomonster.com   Если вы в точности повторяли за мной, в браузере вы должны увидеть надпись test.
 
В моем интерактивном курсе PHP/MySQL вы можете скачать конфиг apache к этому уроку, а также XAMPP для OSX.
 

Заключение

Настройка XAMPP-VM для OSX (Mojave, Sierra) является достаточно простой задачей и если у вас не получилось настроить XAMPP-VM для OSX с первого раза - ничего страшного, просто еще внимательно повторите действия из этой статьи.

 
Кстати, XAMPP-VM достаточно установить и настроить один раз, для того чтобы вы успешно смогли создавать ваши собственные веб-сайты самостоятельно и если вы хотите освоить создание сайтов на языке программирования PHP с нуля, я рекомендую пройти мой интерактивный курс PHP/MySQL на сайте FructCode.

Успехов в обучении!

 

 





Читайте также


Что такое NodeJS и npm?

Как самостоятельно изучить веб-программирование

Взломали Cкайп, что делать?

Что такое реферальный спам в Google Analytics

Постраничная ленивая загрузка (lazy load) постов

Как стать профессиональным веб-разработчиком

Методы setTimeout и setInterval в Javascript

Реализация Lazy Load на Jquery

Три полезных CSS свойства для работы с изображениями

Массивы в Javascript

Что такое TypeScript

CSS3 - Эффект вращения

Sublime Text 3 - удобный редактор кода для веб-разработчиков

Установка и настройка веб-сервера для сайта в Ubuntu

Полезные приложения для веб-разработчиков в Google Chrome

Модальное окно на Jquery

GIT команды: Быстрый старт для новичков

Что такое конструктор в объектно-ориентированном программировании

Что такое объектно-ориентированное программирование

Как отправить форму без перезагрузки страницы (AJAX)

Как быстро создать сайт и привлечь поисковый трафик

Bitbucket: Крутой облачный GIT репозиторий

Javascript: Классы в Javascript

Что такое веб-хостинг и как выбрать хостинг для сайта

SQL запросы: Основы администрирования MySQL

Команды Linux: оболочка BASH

Joomla CMS: Преимущества и недостатки

Качественный сайт: семь ключевых свойств



Все материалы с сайта wh-db.com и ru.wh-db.com защищены авторским правом. Копирование, публикация, продажа и распространение материала строго запрещены.



Комментарии






Оставить комментарий









Поиск хостинга



HDD (mb)
8000
Максимальная цена за месяц, (RUB)
700

Дополнительно







Новые статьи

















ВСЕ СТАТЬИ


Обзоры хостинга















Категории


24x7 Support Web Hosting
Angular JS Web Hosting
Apache Web Hosting
ASP.NET Web Hosting
CPanel Web Hosting
Cron Web Hosting
DirectAdmin Web Hosting
Django Web Hosting
EMail Web Hosting
FireBird Web Hosting
Free Domain Web Hosting
GIT Web Hosting
Jabber Web Hosting
Java Web Hosting
JavaScript Web Hosting
JBoss Web Hosting
JSP Web Hosting
Linux Web Hosting
MERCURIAL Web Hosting
MongoDB Web Hosting
MySQL Web Hosting
NGinx Web Hosting
NodeJS Web Hosting
Perl Web Hosting
PHP Web Hosting
PostgreSQL Web Hosting
Python Web Hosting
Ruby Web Hosting
Russian Web Hosting
Servlets Web Hosting
Spring Web Hosting
SQLite Web Hosting
SSH Web Hosting
SSL Web Hosting
Stream Web Hosting
SVN Web Hosting
TomCat Web Hosting
Unlimited HDD Space Web Hosting
Unlimited Sites Web Hosting
Unlimited Traffic Web Hosting
USA Web Hosting
VmWare Web Hosting
Windows Web Hosting