URLs estáticas y agradables para cualquier aplicación web

La idea de este artículo es mostrar un sencillo ejemplo de cómo hacer que los links de nuestras aplicaciones web sean “bonitos”, algo así como los que podemos utilizar con WordPress. De tal manera no tendríamos links como estos:

http://www.sitio.com/index.php?accion=consultar&objetivo=personas

Sino algo estéticamente más agradable como:

http://www.sitio.com/personas/

¿Qué necesito?

Es necesario tener en cuenta los prerrequisitos para poder hacer esto. Para este ejemplo voy a suponer que la aplicación la estás haciendo sobre el servidor Apache, y que estás programando en PHP+MySQL. Necesitas:

  • Manejar la mayor parte del trabajo con el archivo index.php. Esto más que un requisito es un consejo. Cuando estés desarrollando aplicaciones en PHP es recomendable que la mayor parte del sistema tenga que ser procesado inicialmente por este archivo, el cual se encargará de manejar todas las peticiones y utilizar los módulos que se necesiten. Esto, por supuesto, NO quiere decir que TODO el código vaya dentro del archivo index.php; una buena práctica es separar el código en módulos y llamarlos con funciones como include o require.
  • Es necesario tener instalado el mod_rewrite, el cual se utilizará desde un archivo .htaccess. El ModRewrite es un módulo para Apache que por lo general se configura (definir reglas) en el archivo httpd.conf, pero es posible poner una configuración ModRewrite en cualquier directorio de nuestro servidor web dentro del archivo .htaccess.
  • Puesto que de acuerdo al string que pasemos en la URL se debe determinar qué hacer, es necesario hacer algo de esto:
    • Hacer que dentro de la base de datos la llave primaria de la tabla a consultar sea una cadena de texto, ó
    • Hacer otro campo en la tabla de MySQL aparte de la llave primaria

Ejemplo

Para nuestro ejemplo necesitamos un servidor Apache con ModRewrite, PHP y MySQL. Lo primero es crear la base de datos, así:

  1. create database ejemplo;
  2. create table contenidos(
  3. id int(5) primary key auto_increment,
  4. titulo varchar(50),
  5. contenido varchar(1000),
  6. slug varchar(50));

Luego creamos una carpeta dentro del htdocs de apache, en donde pondremos los archivos de nuestro ejempo (mkdir /opt/lampp/htdocs/ejemplo). Hecho esto, lo siguiente es crear el archivo .htaccess, en el cual indicaremos las reglas del ModRewrite. En nuestro ejemplo tenemos algo como esto:

  1. # Esto es un comentario
  2. <IfModule mod_rewrite.c>
  3. RewriteEngine On
  4. RewriteBase /ejemplo/
  5. RewriteCond %{REQUEST_FILENAME} !-f
  6. RewriteCond %{REQUEST_FILENAME} !-d
  7. RewriteRule . /ejemplo/index.php [L]
  8. </IfModule>

Una explicación breve de este .htaccess:

  • En los archivos .htaccess es posible hacer comentarios anteponiendo el simbolo numeral (almohadilla como dicen en España)
  • <IfModule mod_rewrite.c>: Esta instrucción funciona como un if, que verifica si el ModRewrite está instalado.
  • RewriteEngine On, activa el ModRewrite.
  • RewriteBase /ejemplo/, asigna el directorio base donde trabajará el ModRewrite
  • RewriteCond %{REQUEST_FILENAME} !-f y RewriteCond %{REQUEST_FILENAME} !-d, la instrucción RewriteCond funciona como una condición que en caso de ser verdadera hará que se ejecute una regla (RewriteRule) del ModRewrite. Funciona con expresiones regulares. En este caso lo que estamos verificando es si la petición se trata de un archivo (-f) o directorio (-d) que no (!) existe, en cuyo caso ejecuta la RewriteRule de abajo. Pero ¿para qué esto? Dado que las peticiones que hacemos usando URL bonitas no existen físicamente en el servidor, podemos aprovecharlas para indicar que dichas URL las manejará el archivo index.php, es decir, si por ejemplo hacemos una consulta como:
    http://www.sitio.com/link-agradable
    y en dicho servidor no existe ninguna carpeta o archivo que tenga el nombre link-agradable, el control de dicha petición se enviará al archivo index.php.
  • RewriteRule . /ejemplo/index.php [L], ejecuta la regla que en este caso hace que el control de la aplicacion pase al archivo index.php, el cual se encargará de analizar la URL y realizar las operaciones adecuadas. La instrucción [L] hace que cualquier otra regla por debajo de esa linea no se cumpla.
  • </IfModule>, cerramos nuestro if.

Vamos ahora con nuestro archivo index.php:

  1. <?php
  2. //URL base de la aplicacion
  3. $base = “http://localhost/ejemplo/”;
  4. //Crear la conexion a la base de datos
  5. $conexion = mysql_connect(“localhost”, “root”, “”);
  6. mysql_select_db(“ejemplo”, $conexion);
  7. //Si se requiere unicamente el index
  8. if((“http://”.$_SERVER[‘HTTP_HOST’].$_SERVER[‘REQUEST_URI’]) == $base ||
  9. basename($_SERVER[‘REQUEST_URI’]) == “index.php”)
  10. $contenido = “Lo que vaya en el index por defecto”;
  11. else {
  12. $id = $_GET[“id”];
  13. //Si es una URL fea-asquerosa…
  14. if(!emptyempty($id))
  15. $consulta = mysql_query(“SELECT contenido FROM contenidos WHERE id = $id”, $conexion);
  16. //Si es una URL bonita…
  17. else
  18. {
  19. //Obtener el nombre clave
  20. $slug = basename($_SERVER[‘REQUEST_URI’]);
  21. $consulta = mysql_query(“SELECT contenido FROM contenidos WHERE slug = ’$slug’”, $conexion);
  22. }
  23. //Si la consulta es correcta…
  24. if(mysql_num_rows($consulta) > 0)
  25. $contenido = mysql_result($consulta, 0, 0);
  26. //Informar del terrible error
  27. else
  28. $contenido = “Lo que est&aacute;s buscando no existe <IMG class=wp-smiley alt=:P src=”http://sitio.net/wordpress/wp-includes/images/smilies/icon_razz.gif”> ”;
  29. }
  30. ?>
  31. <html>
  32. <head><title>Un ejemplo</title></head>
  33. <body><?php echo $contenido ?></body>
  34. </html>
  • Línea 3: es recomendable para este tipo de aplicaciones (y para casi todas en general), que tengamos una URL fija definida para nuestra aplicación. En este caso almacenamos el string http://localhost/ejemplo/ en la variable $base.
  • En las líneas 5 y 6 creamos la conexión a la base de datos.
  • En el if de la línea 8 verificamos si la petición HTTP es para la raiz de nuestro proyecto (llamar simplement al index.php), de lo contrario…
  • En las líneas 12 y 14 verificamos si se trata de una petición GET normal, en la que pasamos pares variable-valor dentro de la URL. En cuyo caso se realiza una consulta a la base de datos tomando en cuenta las variables GET (línea 15).
  • Si la peticion está formada como una URL bonita, creamos una variable llamada $slug que contiene el nombre base de la URI (línea 20), es decir, si la peticion es http://www.sitio.com/link-agradable, el nombre base de la URI es link-agradable. Posteriormente, en la línea 21 hacemos una consulta en la base de datos buscando un registro que contenga dicho slug.
  • En la línea 24 verificamos si la consulta ejecutada anteriormente contiene registros, en cuyo caso pone el contenido en la variable $contenido. Sino, se mete en esa variable un mensaje que dice que no se encontró el registro.

Aqui os dejo un manual básico de Mod_Rewrite : http://blogofsysadmins.com/manual-basico-de-apache-mod_rewrite

1 opinión en “URLs estáticas y agradables para cualquier aplicación web”

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *