By Leave a Comment on Configurar localhost en macOS High Sierra (Apache, MySQL y PHP 7) con SSL/HTTPS

Activar Apache

  1. Abrir Terminal haciendo clic en la lupa de la esquina superior derecha de tu pantalla y buscando Terminal
  2. Escribir sudo apachectl start y pulsar enter
  3. Abrir Safari (o el navegador que prefieras), escribe localhost en la barra de direcciones y pulsa enter

¿No te puedes creer que sea tan fácil? ¡Lo es! Ahora deberías ver It works! en el navegador.

Enciende PHP

El Mac ya viene con PHP, así que no necesitas instalarlo desde PHP.net. Antes de High Sierra (versión 10.13), Mac venía con PHP 5 instalado. Esto hacía que los usuarios se molestaran porque no venía con PHP 7, por lo que había que hacer un trabajo extra para actualizar de PHP 5 a PHP 7. Afortunadamente High Sierra ya viene con PHP 7.1!!!

  1. Abra el Terminal y escriba sudo nano /etc/apache2/httpd.conf y presione enter
  2. Presione Ctrl+W lo que hará aparecer una búsqueda
  3. Busque php y presione enter. Verás lo siguiente:
  4. Borra el # de #LoadModule php7_module libexec/apache2/libphp7.so
  5. Pulsa Ctrl+O seguido de Enter para guardar el cambio que acabas de hacer
  6. Pulsa Ctrl+X para salir de nano
  7. Escribe sudo apachectl restart y pulsa enter

Acabas de activar PHP 7. Gran trabajo hasta ahora!

Crear carpeta de sitios

  1. Haga clic en Finder en la esquina inferior izquierda de su pantalla y haga clic en Ir > Inicio la barra de navegación superior. Esto te llevará a tu directorio de inicio, que también será el nombre que tenga tu ordenador; en este caso es david.
  2. Crea una nueva carpeta y nómbrala Sitios (El icono de Safari que se muestra a continuación se añade automáticamente a la carpeta de Sitios como se muestra a continuación)
  3. Abre tu editor de texto favorito y crea un archivo llamado index.php con el siguiente código:
<?phpecho "Hello From Sites Folder!";phpinfo();?>
  1. Guarda index.php en la carpeta Sites que has creado
  2. Vuelve al Terminal y escribe sudo nano /etc/apache2/httpd.conf
  3. Pulsa Ctrl+W para que aparezca search
  4. Busca Library y pulsa enter. Deberías ver esto:
  5. Sustituye las dos apariciones de /Library/WebServer/Documents por /Users/david/Sites (en lugar de david utiliza tu nombre que se encuentra en la parte superior de tu terminal junto al icono de inicio)
  6. Pulsa Ctrl+O seguido de Enter para guardar estos cambios
  7. Pulsa Ctrl+X para salir de nano
  8. Escribe sudo apachectl restart y pulsa enter

Vuelve a Safari y refresca la página de localhost y verás ¡Hola desde la carpeta de sitios! con información de PHP que muestra que se está utilizando PHP 7.

Instalar MySQL

  1. Vaya a https://dev.mysql.com/downloads/mysql
  2. Desplácese hacia abajo hasta que vea tres botones de descarga y haga clic en el que está al lado de DMG Archive
  3. Desplácese hacia abajo y haga clic en No thanks, just start my download
  4. Haga clic en el archivo descargado, haga doble clic en el archivo pkg, y vaya a través de la instalación que debe tener este aspecto:
  5. Una vez que llegue al final de la instalación, verá una ventana emergente que le da su nombre de usuario de MySQL (raíz) y la contraseña (8hxKsiIh?YMt). Tu contraseña será diferente. Copie la contraseña en un archivo de texto (o haga una captura de pantalla) y pulse OK. Haga esto ahora, ya que será un dolor para restablecer la contraseña si usted no lo sabe.
  6. Pulsa el logo de Apple en la parte superior izquierda de tu pantalla y ve a Preferencias del Sistema
  7. Pulsa sobre MySQL y verás que está desactivado
  8. Pulsa Iniciar Servidor MySQL para encenderlo y verás:
  9. Vuelve al Terminal y escribe sudo /usr/local/mysql/bin/mysql -u root -p
  10. Cuando pulses intro te pedirá tu Contraseña. Esta es la contraseña que usas cuando te conectas a tu Mac
  11. Entonces dice Enter Password: que para mí es 8hxKsiIh?YMt (deberías usar la contraseña que copiaste antes en lugar de 8hxKsiIh?YMt). Verás esta pantalla:
  12. Escribe ALTER USER 'root'@'localhost' IDENTIFIED BY 'newpassword'; y pulsa enter
  13. Ve a https://www.sequelpro.com y descarga Sequel Pro. Esto es como phpMyAdmin, pero mejor porque es una aplicación de escritorio.
  14. Pasa por la instalación, abre Sequel Pro, e introduce 127.0.0.1 para el Host. Introduzca root para el nombre de usuario y newpassword para la contraseña. Pulse Conectar
  15. Haga clic en Elegir base de datos… en la parte superior izquierda seguido de Añadir base de datos…
  16. Déle el nombre mydb y pulse intro
  17. A continuación, haga clic en el signo más en la parte inferior izquierda para crear una nueva tabla. Nombra la tabla mytable y pulsa add
  18. Haz clic en el signo más justo encima de la palabra INDEXES y nombra el campo message. ¡Establece el tipo como VARCHAR y dale una longitud de 200.
  19. Haz clic en Content en la parte superior.
  20. Haz clic en el signo más en la parte inferior (el que está a la izquierda del signo menos)
  21. Dale a la nueva entrada un id de 1 y establece el mensaje como MySQL funciona perfectamente!
  22. Abre index.php en tu carpeta de Sitios y cambia el código a

<?php$con = new mysqli("127.0.0.1", "root", "newpassword", "mydb");$message = $con->query("SELECT message FROM myTable")->fetch_object()->message;$con->close();echo "$message <br/>";echo "Hello From Sites Folder!";phpinfo();

Obviamente este ejemplo es inmune a la inyección SQL, ya que no hay valores introducidos por el usuario. Sin embargo, si no entiendes las sentencias preparadas de MySQLi tan bien como te gustaría, echa un vistazo a este post para ver un excelente tutorial sobre cómo evitar la inyección SQL 😉. Hay incluso una versión de PDO, si lo prefieres más.

  1. Refresca localhost en Safari y deberías ver:

¡Genial! Ahora tienes MySQL funcionando, así que puedes usar localhost para almacenar información en bases de datos.

Haz que las URLs amigables con el SEO funcionen

En lugar de ir a localhost/profile.php?user=david, se ve mejor cuando puedes ir a localhost/profile/david. Hagamos que esto funcione habilitando mod_rewrite para poder usar RewriteRules.

  1. Vamos al Terminal y escribimos sudo nano /etc/apache2/httpd.conf seguido de pulsar enter
  2. Pulsamos Ctrl+W, escribimos rewrite, y pulsa enter
  3. Quita el # en #LoadModule rewrite_module libexec/apache2/mod_rewrite.so
  4. Pulsa Ctrl+O seguido de Enter para guardar
  5. Pulsa Ctrl+X para salir de nano
  6. Escribe sudo apachectl restart

Ahora puedes usar URLs amigables cuando desarrolles usando localhost.

Haga que el .htaccess funcione

Esto no es necesario para hacer que las URLs de vanidad funcionen, pero personalmente prefiero usar un archivo .htaccess, ya que me permite controlar la versión.

  1. Ir a la Terminal y escribir sudo nano /etc/apache2/httpd.conf seguido de pulsar enter
  2. Pulsar Ctrl+W, escribir AllowOverride controls, y pulsa enter
  3. Cambia AllowOverride None por AllowOverride All
  4. Pulsa Ctrl+O seguido de Enter para guardar
  5. Pulsa Ctrl+X para salir de nano
  6. Escribe sudo apachectl restart

Ahora puedes añadir un archivo .htaccess en la carpeta Sitios y funcionará bien.

Activar SSL/HTTPS

En lugar de acceder a tu sitio web a través de localhost, puede que quieras acceder a tu sitio web yendo a https://localhost. Si activas el SSL, verás un candado junto a localhost en la barra de URL.

  1. Vaya a Terminal y escriba sudo nano /etc/apache2/httpd.conf seguido de pulsar enter
  2. Pulse Ctrl+W, escriba socache_shmcb_module, y pulsa enter
  3. Borra el # de #LoadModule socache_shmcb_module libexec/apache2/mod_socache_shmcb.so
  4. Pulsa Ctrl+W, escribe mod_ssl, y pulsa enter
  5. Borra el # de #LoadModule ssl_module libexec/apache2/mod_ssl.so
  6. Pulsa Ctrl+W, escribe httpd-ssl, y pulsa enter
  7. Borra el # de #Include /private/etc/apache2/extra/httpd-ssl.conf
  8. Pulsa Ctrl+O seguido de Enter para guardar
  9. Pulsa Ctrl+X para salir de nano
  10. Escribe sudo nano /etc/apache2/extra/httpd-ssl.conf y pulsa enter
  11. Pulsa Ctrl+W, escribe ServerName, y pulsa enter
  12. Reemplaza www.example.com:443 con localhost
  13. Encima verás /Library/WebServer/Documents. Sustitúyelo por /Users/david/Sites. (Usa tu nombre en lugar de david como hiciste antes)
  14. Justo debajo de <VirtualHost_default_:443> añade (pero asegúrate de sustituir david por tu nombre):
<Directory "/Users/david/Sites"> Options All MultiviewsMatch Any AllowOverride All Require all granted</Directory>
  1. Tu terminal debería tener ahora este aspecto:
  2. Pulsa Ctrl+O seguido de Enter para guardar
  3. Pulsa Ctrl+X para salir de nano
  4. Escribe sudo nano /etc/ssl/openssl.cnf y pulsa enter
  5. Al final de openssl.cnf añada esto:
subjectAltName = DNS:localhost
  1. Su terminal debería tener este aspecto:
  2. Pulse Ctrl+O seguido de Enter para guardar
  3. Pulse Ctrl+X para salir de nano
  4. Tipo
sudo openssl req -extensions san -config /etc/ssl/openssl.cnf -x509 -nodes -newkey rsa:4096 -keyout /private/etc/apache2/server.key -out /private/etc/apache2/server.crt -days 365 -subj "/C=US/ST=Florida/L=Boca Raton/O=WebsiteBeaver/CN=localhost"

y pulse enter. (Puedes usar tu información en su lugar, pero no cambies el localhost)

  1. Tipo
sudo security add-trusted-cert -d -r trustRoot -k /Library/Keychains/System.keychain /private/etc/apache2/server.crt

y pulsa enter

  1. Tipo sudo apachectl restart
  2. Ahora ve a https://localhost en tu navegador, y verás un candado junto a la url que significa que has terminado de configurar el SSL

.

Deja una respuesta

Tu dirección de correo electrónico no será publicada.