step
Roberto de Dios
Por Roberto de Dios en 18 de septiembre de 2015

En este tutorial voy a explicar como instalar Nginx, Php y Mysql en Ubuntu 14.04. Aunque por popularidad Apache gana de lejos a Nginx, este último es uno de los servidores http más ligeros, configurables y eficientes que podemos encontrar dentro del mundo del software libre. Su uso es idóneo para páginas y aplicaciones web que generan mucho trafico o que tienen miles de usuarios, ya que su punto fuerte es la gestión de recursos de la maquina donde se encuentra instalado.

Instalar-nginx-php-fph-mysql-ubuntu-14.04

Sobre Nginx

Nginx es un servidor web ligero de alto rendimiento que es utilizado por grandes sitios web como WordPress, GitHub, SourceForge y en partes de Facebook. Según un estudio de Netcraft, realizado en julio de 2014, Nginx es el segundo servidor web más usado en dominios activos.

Sobre Php-fpm

Php-fpm es una alternativa a la implementación Php FastCGI. Esta pensada para optimizar los recursos de un servidor a la hora de procesar scripts Php.

Sobre Mysql

Mysql es un sistema de gestión de bases de datos relacional usado por grandes websites como Wikipedia, Google, Facebook y Twitter entre otros.

Prerequisitos

El sistema operativo Ubuntu 14.04 instalado y acceso a una terminal como administrador.

Paso 1 – Instalar y configurar Nginx

 apt-get install nginx

Con solo ejecutar el comando anterior en una terminal con permisos de superusuario tendremos instalados Nginx en nuestro PC.

Verificamos que la instalación ha ido bien dirigiéndonos con nuestro navegador a 127.0.0.1, la dirección local de nuestra computadora. Aparecerá la página por defecto de Nginx:

Página por defecto de Nginx

Página por defecto de Nginx

Lo que haremos ahora es configurar un virtualhost en Nginx. Yo voy a usar como ejemplo el dominio mipaginaweb.com. Creamos un archivo nuevo en /etc/nginx/sites-available/ llamado mipaginaweb.com:

 nano -w /etc/nginx/sites-available/mipaginaweb.com

Le añadimos el siguiente código:


      server {

                server_name mipaginaweb.com;

                root /var/www/html/mipaginaweb;

                index index.html;

      }

Ahora creamos el directorio donde se encontrará la ruta base de las páginas que crearemos. Por defecto Nginx la ubica en /srv, pero por costumbre yo la traslado a /var/www/html/:

 mkdir -p /var/www/html/

A continuación creamos el directorio donde almacenaremos los archivos html de mipaginaweb.com y la página de inicio del dominio que se llamará index.html:

 mkdir /var/www/html/mipaginaweb
 nano -w /var/www/html/mipaginaweb/index.html

Dejamos index.html con el siguiente contenido:


 <html>

      <body>

           <h1 style="margin-top:50px;text-align:center;">Hola! Estas en mipaginaweb.com</h1>

      </body>

 </html>

Ahora llega el momento de activar el dominio mipaginaweb.com para que sea procesado por Nginx. Para ello crearemos un enlace simbólico en /etc/nginx/sites-enabled de /etc/nginx/sites-available/mipaginaweb.com:

 ln -s /etc/nginx/sites-available/mipaginaweb.com /etc/nginx/sites-enabled/

Agregamos el dominio mipaginaweb.com al archivo /etc/hosts para que apunte al servidor local:

 nano -w /etc/hosts

Añadimos esta linea al final del archivo:

 127.0.0.1     mipaginaweb.com

Reiniciamos el servidor Nginx y comprobamos que todo haya ido bien. Al dirigirnos a mipaginaweb.com en un navegador debe de aparecernos un mensaje similar al de la siguiente captura:

 service nginx restart
Instalar Nginx en Ubuntu

Virtualhost funcionando correctamente en Nginx

Paso 2 – Instalar y configurar Php-fpm

 apt-get install php5-fpm

Lo primero que tenemos que hacer es renombrar el archivo index.html que tenemos en el directorio /var/www/html/mipaginaweb/ a index.php y lo editamos:

 mv /var/www/html/mipaginaweb/index.html /var/www/html/mipaginaweb/index.php
 nano -w /var/www/html/mipaginaweb/index.php

Lo dejamos así:


 <html>

      <body>

           <h1 style="margin-top:50px;text-align:center;">Hola! Estas en mipaginaweb.com</h1>

           <?php phpinfo(); ?>

      </body>

 </html>

Ahora vamos a configurar Php-fpm para que procese correctamente las peticiones de Nginx. Editamos el archivo de nuestro virtualhost:

 nano -w /etc/nginx/sites-available/mipaginaweb.com

Debe de quedarnos así:


      server {

                server_name mipaginaweb.com;

                root /var/www/html/mipaginaweb;

                index index.html index.php;

	        location ~ \.php$ {

                      try_files $uri =404;
                      fastcgi_split_path_info ^(.+\.php)(/.+)$;
                      include /etc/nginx/fastcgi_params;
                      fastcgi_pass unix:/var/run/php5-fpm.sock;
                      fastcgi_index index.php;
                      fastcgi_param SCRIPT_FILENAME /var/www/html/mipaginaweb$fastcgi_script_name;

	        }

      }

El ultimo paso es reiniciar los servicios Php-fpm y Nginx:

 service nginx restart
 service php5-fpm restart

Navegamos a mipaginaweb.com para confirmar que todo funciona correctamente. La página nos mostrará la información referente a Php:

Php-fpm funcionando correctamente con Nginx

Php-fpm funcionando correctamente con Nginx

Paso 3 – Instalar y configurar Mysql

 apt-get install mysql-server php5-mysql

A mitad de ejecución de la instalación del servidor se nos solicitara que introduzcamos una contraseña para el usuario root de Mysql. Completamos este paso y continuará con la instalación.

Instalar Mysql en Ubuntu

Instalación de Mysql en Ubuntu

Finalmente comprobaremos que Php se comunica con el servidor Mysql. Nos dirigimos con el navegador a mipaginaweb.com y en el campo Mysql de la información de Php nos debería de mostrar “Enabled” como en esta imagen:

Instalar Mysql en Ubuntu

Soporte Mysql activado en Php

Y hasta aquí llega el tutorial de instalación. Nginx tiene una configuración básica que necesitará de ajustes para trabajar con cualquier CMS como WordPress, Joomla o Drupal. En entradas posteriores explicare como configurar Nginx para trabajar con estos CMS.

step
Roberto de Dios
Por Roberto de Dios en 15 de septiembre de 2015

He creado un sencillo tutorial para instalar en un pc con el sistema operativo Ubuntu 14.04 el conocido LAMP (Linux, Apache, Mysql y Php). Siguiendo los siguientes 3 pasos tendréis instalado y configurado en 15 minutos un servidor web preparado para programar vuestras páginas y aplicaciones web.

Apache-php-mysql-ubuntu

Sobre Apache

Apache es el servidor web más utilizado en la red desde 1996 y por sus estadísticas de uso no parece que vaya a abandonar su posición en muchos años. Apache proporciona un servicio HTTP eficiente, extensible y seguro.

Sobre Php

Php es un lenguaje de programación del lado del servidor diseñado para el desarrollo web de contenido dinámico. Según las estadisticas, Php se encuentra instalado en más de 20 millones de sitios web.

Sobre Mysql

Mysql es un sistema de gestión de bases de datos relacional usado por grandes websites como Wikipedia, Google, Facebook y Twitter entre otros.

Prerequisitos

El sistema operativo Ubuntu 14.04 instalado y acceso a una terminal como administrador.

Paso 1 – Instalar y configurar Apache

 apt-get install apache2

Una vez instalado podemos verificar que funciona correctamente abriendo un navegador web y dirigiéndonos a la dirección local 127.0.0.1 de nuestro pc. Si la instalación ha ido bien la página debería mostrarnos el siguiente mensaje:

Instalar-apache-ubuntu

Página por defecto de Apache

Ahora vamos a crear un virtualhost que apunte al dominio de la página web. Voy a usar como ejemplo el dominio mipaginaweb.com. Para ello creamos un archivo dentro de la carpeta /etc/apache2/sites-available/ llamado mipaginaweb.com.conf:

 nano -w /etc/apache2/sites-available/mipaginaweb.com.conf

Añadimos el siguiente código al archivo:


 <VirtualHost *:80>

      ServerName	mipaginaweb.com
      ServerAlias	mipaginaweb.com
      DocumentRoot	/var/www/html/mipaginaweb/

      <Directory /var/www/html/mipaginaweb>
 		
           AllowOverride All
           Order allow,deny
           allow from all

      </Directory>

 </VirtualHost>

Creamos la carpeta raíz del virtualhost en /var/www/html/. En este caso la llamaremos mipaginaweb:

 mkdir /var/www/html/mipaginaweb

Dentro de la carpeta creamos un archivo llamado index.html:

 nano -w /var/www/html/mipaginaweb/index.html

Le añadimos el siguiente código:


 <html>

      <body>

           <h1 style="margin-top:50px;text-align:center;">Hola! Estas en mipaginaweb.com</h1>

      </body>

 </html>

Agregamos el dominio mipaginaweb.com al archivo /etc/hosts para que apunte al servidor local:

 nano -w /etc/hosts

Añadimos esta linea al final del archivo:

 127.0.0.1     mipaginaweb.com

Solo queda activar el virtualhost y reiniciar apache para que podamos acceder a nuestra página:

 a2ensite mipaginaweb.com
 service apache2 reload

Una vez realizados los pasos anteriores ya tenemos nuestro servidor web preparado para servir páginas del dominio mipaginaweb.com. Al dirigirnos al dominio en nuestro navegador nos debería de mostrar esta página:

Página de nuestro dominio configurado.

Virtualhost funcionando correctamente en Apache.

Paso 2 – Instalar y configurar Php

 apt-get install php5 libapache2-mod-php5

Una vez instalado comprobamos que Apache reconoce el código Php y es ejecutado. Para ello renombramos el archivo index.html que tenemos en el directorio /var/www/html/mipaginaweb/ a index.php y lo editamos:

 mv /var/www/html/mipaginaweb/index.html /var/www/html/mipaginaweb/index.php
 nano -w /var/www/html/mipaginaweb/index.php

Lo dejamos asi:


 <html>

      <body>

           <h1 style="margin-top:50px;text-align:center;">Hola! Estas en mipaginaweb.com</h1>

           <?php phpinfo(); ?>

      </body>

 </html>

Vamos en nuestro navegador a la dirección mipaginaweb.com y debería de aparecernos la información de Php como en esta imagen:

Instalar Php en Ubuntu

Php activado en Apache

Paso 3 – Instalar y configurar Mysql

 apt-get install mysql-server php5-mysql

A mitad del proceso de instalación aparecerá una pantalla como la de la siguiente imagen solicitándonos que elijamos una contraseña para el usuario root de Mysql. Simplemente añadimos una contraseña y el proceso de instalación continuará.

Instalar Mysql en Ubuntu

Proceso de instalación de Mysql en Ubuntu

Una vez finalizada la instalación reiniciamos el servidor Apache para que se actualice con los nuevos cambios:

 service apache2 restart

Solo queda comprobar que el servidor Mysql se comunica con Php navegando a nuestra página mipaginaweb.com y acto seguido buscamos en la información de Php la parte donde se indica el soporte del modulo Mysql. Debería de aparecer activado como en esta captura:

Instalar Mysql en Ubuntu

Soporte Mysql en Php

Hecho! ya podéis disfrutar de vuestro flamante LAMP.

step
Roberto de Dios
Por Roberto de Dios en 27 de agosto de 2015

En esta entrada voy a explicar como instalar en 3 sencillos pasos VirtualBox en el sistema operativo Ubuntu 14.04. El tutorial también es compatible con otros sistemas operativos basados en Ubuntu 14.04 como Kubuntu, Xubuntu o Lubuntu entre otros.

Imagen: Wikimedia

Imagen: Wikimedia

Sobre VirtualBox

VirtualBox es un software de virtualización que nos permite correr otros sistemas operativos dentro del nuestro.

Prerequisitos

El sistema operativo Ubuntu 14.04 instalado y acceso como administrador.

Paso 1 – Añadir repositorio de VirtualBox

Lo primero que necesitamos es abrir una terminal y obtener privilegios de administrador. Seguidamente añadimos el repositorio de oficial de VirtualBox ejecutando el siguiente código:

echo -e "\n## VirtualBox\ndeb http://download.virtualbox.org/virtualbox/debian trusty contrib" >> /etc/apt/sources.list

Paso 2 – Añadir la clave repositorio de VirtualBox

Para que Ubuntu pueda verificar la autenticidad de los programas que nos descargamos del repositorio de VirtualBox, debemos de autorizar su clave. Con el siguiente comando la descargamos y la agregamos:

wget -q http://download.virtualbox.org/virtualbox/debian/oracle_vbox.asc -O- | sudo apt-key add -

Paso 3 – Instalar VirtualBox y sus dependencias

Finalmente instalamos VirtualBox junto a sus dependencias mediante el siguiente código:

apt-get update && apt-get install virtualbox-4.3 dkms
step
Roberto de Dios
Por Roberto de Dios en 26 de agosto de 2015

Cuando comencé en la programación web dedique algo de tiempo en encontrar un editor que me permitiera trabajar cómodamente con Html, Php y Javascript. Use programas como Aptana, Eclipse o NetBeans, IDEs que ofrecen un entorno de programación muy completo pero que consumen muchos recursos, puesto que corren en Java y necesitan un pc potente para que funcionen con fluidez. Buscando otras alternativas más ligeras es donde encontré a la pareja perfecta: Kate y Firefox.

Kate-firefox-firebug-firephp

Sobre Kate

Kate es un editor de texto ligero y potente enfocado a la programación. Cuenta con una interfaz personalizable y un remarcado de sintaxis editable con Javascript. Esta última característica permite añadir nuevos efectos, funciones y librerías que desarrollamos al remarcado.

Sobre Firefox

Firefox es un conocido navegador, pero también una gran herramienta para la programación web cuando se instalan los plugins Firebug y Firephp.

Sobre Firebug

Firebug es una herramienta de desarrollo que facilita el análisis, la edición y la monitorización del codigo HTML, CSS y Javascript de una página web. Se instala como un complemento de Firefox.

Sobre Firephp

Firephp es un complemento de Firebug que permite el análisis de código Php y Ajax. Se instala como un complemento de Firefox y viene acompañado con una librería que se inserta en el proyecto.

Editor Kate

Imagen: Editor Kate

Instalación

En este post os invito a probar estas dos herramientas que se han convertido en mis aplicaciones preferidas para la programación web. Este es un pequeño tutorial en 4 pasos de como instalar Kate, Firefox y los complementos Firebug y Firephp en un sistema operativo Ubuntu 14.04.

Prerequisitos

Sistema operativo Ubuntu 14.04 y acceso a terminal de administración.

Paso 1 – Instalar Kate y Firefox

Firefox viene preinstalado como navegador por defecto en las distribuciones Ubuntu. Pero si por alguna razón no lo tenéis el siguiente comando instalará Firefox y Kate.

apt-get install kate firefox language-pack-kde-es

Paso 2 – Instalar Firebug en Firefox

Para instalar el complemento Firebug de Firefox debemos de ir a la página oficial del plugin link y pulsar el botón “Agregar a Firefox”.

Paso 3 – Instalar Firephp en Firefox

Al igual que hemos hecho con el complemento Firebug, nos dirigimos a la página oficial de descarga del plugin link y pulsamos el botón “Agregar a Firefox”.

Paso 4 – Añadir e integrar las librerías de Firephp en un proyecto

Ahora debemos de descargarnos las librerías de Firephp. Nos dirigimos a la página oficial de Firephp link y pulsamos en el enlace “Download”.

Descomprimimos el archivo descargado y añadimos la carpeta FirePHPCore a nuestro proyecto. Seguidamente inicializamos la clase firephp antes de cualquier otro código de la siguiente manera:

require_once('../FirePHPCore/FirePHP.class.php'); // Ajustar la ruta al directorio en que se encuentre la clase
ob_start();
$firephp = FirePHP::getInstance(true);
global $firephp;

Para obtener los datos de variables en tiempo de ejecución solo nos queda usar uno de los 4 métodos que la clase firephp nos provee (log, info, warn y error) como en este ejemplo:

$variable = 'Hello World';
$firephp->log($variable,'Este es el valor de la variable');
$firephp->info($variable,'Este es el valor de la variable');
$firephp->warn($variable,'Este es el valor de la variable');
$firephp->error($variable,'Este es el valor de la variable');

El resultado sería el siguiente:
Firephp

Conclusión

Kate y Firefox junto a los plugins Firebug y Firephp son una alternativa a considerar si lo que queremos es un entorno de programación completo, liviano y configurable para crear aplicaciones Ajax y páginas web con código Html, Php y Javascript.