En este tutorial vamos a configurar las URLs amigables con las que trabajará nuestro sitio web. Para ello vamos a definir un filtro de URL en JSF utilizando ‘PrettyFaces‘.
En este ejemplo partimos de un proyecto Maven que trabaja con la impletación de JSF2.0. Los pasos que vamos a seguir son:
- Añadir la nueva dependencia (org.ocpsoft.rewrite) de PrettyFaces en Maven.
- Configurar en el fichero ‘pretty-config.xml’ las URLs amigables de nuestro sitio.
1 – Añadir dependencia DE PRETTYFACES EN Maven
Para añadir la nueva dependencia de ‘PrettyFaces‘ en Maven debemos añadir las siguientes líneas al fichero ‘pom.xml‘ del proyecto Maven:
XML |copy code |?
01 <dependency>
02 <groupId>org.ocpsoft.rewrite</groupId>03 <artifactId>rewrite-servlet</artifactId>04 <version>2.0.12.Final</version>05 </dependency>
06 <dependency>
07 <groupId>org.ocpsoft.rewrite</groupId>08 <artifactId>rewrite-config-prettyfaces</artifactId>09 <version>2.0.12.Final</version>10 </dependency>
2 – Crear fichero ‘pretty-config.xml’
Tras configurar las dependencias en Maven, únicamente habrá que crear un fichero con el nombre ‘pretty-config.xml‘ dentro de la carpeta ‘WEB-INF‘.
En este fichero añadiremos toda la configuración y los mapeos de las URLs amigables con las que vamos a trabajar.
A continuación mostramos un breve ejemplo para configurar el mapeo de nuestra página de inicio:
XML |copy code |?
01 <pretty-config xmlns="http://ocpsoft.org/schema/rewrite-config-prettyfaces"
02 xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
03 xsi:schemaLocation="http://ocpsoft.org/schema/rewrite-config-prettyfaces
04 http://ocpsoft.org/xml/ns/prettyfaces/rewrite-config-prettyfaces.xsd">
05 06 <url-mapping id="inicio">
07 <pattern value="/" />
08 <view-id value="/index.html" />
09 </url-mapping>
10 11 </pretty-config>
3 – Ejemplo de configuración de pretty faces
En este ejemplo vamos a partir de la siguiente estructura de ficheros de nuestro sitio web:
Antes de configurar ‘PrettyFaces‘ las URLs de acceso a estos recursos eran las siguientes:
1 Página inicio - http://midominio/index.html2 3 Página login - http://midominio/login.html4 5 Página proudctos - http://midominio/productos/productos.html
Ahora vamos a modificar el fichero ‘pretty-config.xml’ para añadir el mapeo de estas url y tener así URLs amigables para todas ellas. El contenido de este fichero tendrá un contenido como este:
XML |copy code |?
01 <pretty-config xmlns="http://ocpsoft.org/schema/rewrite-config-prettyfaces"
02 xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
03 xsi:schemaLocation="http://ocpsoft.org/schema/rewrite-config-prettyfaces
04 http://ocpsoft.org/xml/ns/prettyfaces/rewrite-config-prettyfaces.xsd">
05 06 <url-mapping id="inicio">
07 <pattern value="/" />
08 <view-id value="/index.html" />
09 </url-mapping>
10 11 <url-mapping id="login">
12 <pattern value="/login" />
13 <view-id value="/login.html" />
14 </url-mapping>
15 16 <url-mapping id="productos">
17 <pattern value="/productos" />
18 <view-id value="/productos/productos.html" />
19 </url-mapping>
20 21 </pretty-config>
Tras añadir estos nuevos mapeos ahora las URLs amigables de acceso a las diferentes páginas serán:
1 Página inicio - http://midominio/2 3 Página login - http://midominio/login4 5 Página productos - http://midominio/productos
En futuros tutoriales explicaremos más trucos para configurar ‘PrettyFaces’. Si no puedes esperar siempre puedes acceder a los recursos de PrettyFaces y empezar a investigar en su documentación.
Deja tu comentario