En la funcion siguiente, a partir de una cadena de texto dada se convierte a una cadena amigable para los buscadores, eliminando los carácteres extraños. En primer lugar, se eliminan los espacios a ambos lados de la cadena y se reemplazan o eliminan los carácteres que pueden dar problemas en bases de datos como las comillas simples y dobles, saltos de línea y espacios. Después se usan las expresiones regulares para eliminar de las vocales las tildes abiertas y cerradas, diéresis,… y para sustituir la ñ y la ç por n y c respectivamente. Es decir, los carácteres que cumplan el patrón de la expresión regular serán sustituidos por el carácter dado. Por último, se eliminan los carácteres restantes que no cumplan el patrón de URL amigable (letras minúsculas, números y guión).

function convertirAURLfriendly(cadena)
  if not isNull(cadena) then
    ' Eliminamos los espacios a ambos lados de la cadena
    strCadena = Trim(lCase(cadena))
    ' Reemplazamos carácteres especiales
    strCadena = replace(replace(strCadena,"'",""),"""","")
    strCadena = replace(replace(strCadena,""",""),vbcrlf,"")
    strCadena = replace(replace(strCadena,"<br>","")," ","-")
    set expReg = New RegExp
    ' Todas las ocurrencias
    expReg.Global = True
    expReg.Pattern = "[àáâãäå]"
    strCadena = expReg.Replace(strCadena, "a")
    expReg.Pattern = "[èéêë]"
    strCadena = expReg.Replace(strCadena, "e")
    expReg.Pattern = "[ìíîï]"
    strCadena = expReg.Replace(strCadena, "i")
    expReg.Pattern = "[òóôõö]"
    strCadena = expReg.Replace(strCadena, "o")
    expReg.Pattern = "[ùúûü]"
    strCadena = expReg.Replace(strCadena, "u")
    expReg.Pattern = "[ñ]"
    strCadena = expReg.Replace(strCadena, "n")
    expReg.Pattern = "[ç]"
    strCadena = expReg.Replace(strCadena, "c")
    ' Todo lo que no cumpla este patron
    expReg.Pattern = "[^a-z0-9-]"
    strCadena = expReg.Replace(strCadena, "")
    set expReg = nothing
    convertirAURLfriendly = left(strCadena,256)
  else
    convertirAURLfriendly = ""
  end if
end function

Hacer la conversión de la función anterior a otros lenguajes como PHP o Javascript es relativamente sencillo, en otros artículos de este blog se pueden encontrar ejemplos de expresiones regulares en Javascript. De hecho, la función anterior an ASP para generar URL’s amigables me funcionaba en archivos ANSI con codificación iso-8859-1, pero da problemas con los acentos y carácteres extraños cuando el archivo está en UTF-8. Así que después de darle muchas vueltas, convertí la función de ASP a Javascript y la llamaba antes de enviar el formulario, es decir generaba la URL amigable desde Javascript y lo almacenaba en una variable hidden que también envío con el formulario. La función en Javascript que funciona para UTF-8:

function convertirAURLfriendly(str) {
  strCadena = str;
  if (strCadena!='') {
    strCadena = strCadena.toLowerCase();
    // Elimina espacios al principio y al final
    strCadena = strCadena.replace(/^\s*|\s*$/g,"");
    strCadena = strCadena.replace(""",'');
    strCadena = strCadena.replace(" ","-").replace("_","-");
    strExpReg = /[àáâãäå]/gi;
    strCadena = strCadena.replace(strExpReg,'a');
    strExpReg = /[èéêë]/gi;
    strCadena = strCadena.replace(strExpReg,'e');
    strExpReg = /[ìíîï]/gi;
    strCadena = strCadena.replace(strExpReg,'i');
    strExpReg = /[òóôõö]/gi;
    strCadena = strCadena.replace(strExpReg,'o');
    strExpReg = /[ùúûü]/gi;
    strCadena = strCadena.replace(strExpReg,'u');
    strExpReg = /[ñ]/gi;
    strCadena = strCadena.replace(strExpReg,'n');
    strExpReg = /[ç]/gi;
    strCadena = strCadena.replace(strExpReg,'c');
    // Todo lo que no cumpla este patron
    strExpReg = /[^a-z0-9-]/gi;
    strCadena = strCadena.replace(strExpReg,'');
    return strCadena.substring(0,255);
  }
  return '';
}

Related posts:

1. Codificación UTF-8 incorrecta en PHP leyendo una base de datos MySQL
2. La World Wide Web y el HTML cumplen 20 años
3. Interpretar páginas web estáticas como php, asp o cualquier lenguaje

Response.CodePage = "65001"     ' Comentario: UTF-8
Response.write("<?xml version=""1.0"" encoding=""UTF-8""?>")

Pero cuando intentamos hacer lo mismo en lenguaje PHP podemos tener el problema de que los carácteres especiales no se muestran bien en pantalla. Haciendo lo mismo que con el ASP, guardando el archivo PHP que devuelve el XML en formato UTF-8 desde el editor avanzado y poniendo el siguiente código pueden haber problemas:

header("Content-type:text/xml; charset=utf-8");
echo "<?xml version=\"1.0\" encoding=\"utf-8\" ?>\n";

Según me comentó un colega también programador web, parece que la comunicación con la base de datos MySQL no se está realizando en UTF-8. Para que se realice correctamente, hay que lanzar esta instrucción MySQL antes que nada:

mysql_query("SET NAMES UTF8");

Con esto se solucionan los problemas de codificación y los carácteres especiales se muestran bien en la web.

Related posts:

1. La World Wide Web y el HTML cumplen 20 años
2. Interpretar páginas web estáticas como php, asp o cualquier lenguaje
3. Reemplazar carácteres con expresiones regulares en ASP para generar URL’s amigables

Si tenemos un servidor web Apache, podemos hacer que todos los archivos con cierta extensión (.htm, .html, o incluso .pdf, .doc,…) sean interpretados con el motor php, con lo que podremos introducirle código php (instrucciones, includes,…) poniendo la siguiente línea en el archivo .htaccess en la raíz del sitio web:

AddType application/x-httpd-php .html .htm .pdf .doc

La línea anterior especifica que serán interpretados como PHP todos los archivos con extensión .htm, .html, .pdf o .doc. Podemos añadir todas las extensiones que queramos.

Si tenemos un servidor web IIS (Microsoft), podemos hacerlo desde el Administrador de Internet Information Services / Equipo local / Propiedades de Sitios Web (si queremos que afecte a todos los sitios) o Propiedades del sitio web seleccionado (si queremos que sólo afecte a un sitio web en particular). En la pestaña Directorio particular / botón Configuración / pestaña Asignaciones podemos Agregar por ejemplo la extensión .htm para que sea interpretada por el motor asp (C:\windows\system32\inetsrv\asp.dll):

De la misma forma, podemos hacer que sean interpretados por PHP (C:\php\php.exe, o la ruta del intérprete o ejecutable PHP).

Related posts:

1. La World Wide Web y el HTML cumplen 20 años
2. Codificación UTF-8 incorrecta en PHP leyendo una base de datos MySQL
3. Posicionamiento en Google sorprendente por menos de 40 euros al mes

Hoy viernes 13 de marzo se cumplen 20 años del nacimiento de las páginas web (WWW), tal como las conocemos. El 13 de marzo de 1989 una propuesta presentada por un físico del CERN (Centro Europeo de Investigaciones Nucleares) sentó las bases para desarrollar el lenguaje HTML, que en principio serviría para intercambiar información entre físicos de todo el mundo a través de Internet. El lenguaje HTML (HyperText Markup Language) es un lenguaje de etiquetas que permite establecer hipervínculos entre documentos de forma fácil y que los navegadores saben interpretar. Tiempo después vendrían nuevas tecnologías y lenguajes como javascript, flash, asp, php,…

El creador de la WWW, Tim Berners-Lee, junto al ordenador que sirvió de primer servidor web

Pocos se imaginaban que aquel invento iba a revolucionar la tecnología y en el CERN lo están celebrando dando conferencias, haciendo camisetas y exponiendo el primer ordenador que albergó un servidor web, un navegador web y un editor para desarrollar páginas web.

Ejemplo de documento en lenguaje HTML

Recuerdo mi primer contacto con la web en la Universidad Politécnica de Valencia (España), cuando inicié (y años después acabé) la carrera de Ingeniería Técnica en Informática de Sistemas, allá por el año 1994. En 1995-96 colaboré en el desarrollo de una página web de una asociación de la Universidad y desde la Facultad de Informática programábamos las páginas web con un editor de textos y editor de imágenes básicos… Escribía el lenguaje HTML totalmente a mano, qué recuerdos, <html><head><title>… <table border=”0″… Empezando de esta forma me ha servido mucho posteriormente, es mucho más fácil encontrar errores y problemas cuando se conoce el código.

Este artículo en una versión menos técnica también lo podéis encontrar en Tecnología de la Vida.

Compartir / Guardar

Related posts:

1. Interpretar páginas web estáticas como php, asp o cualquier lenguaje
2. Codificación UTF-8 incorrecta en PHP leyendo una base de datos MySQL
3. Reemplazar carácteres con expresiones regulares en ASP para generar URL’s amigables

Un truco para evitar que el navegador mire en la caché es pedirle la misma página pero con diferente url, es decir, http://www.example.com/a.htm?1 es una url diferente a http://www.example.com/a.htm?2, pero sin embargo devuelve la misma página. Los parámetros que le pasamos a la página (1 y 2) no son interpretados, con lo que es como si no estuvieran pero hacen que la url sea diferente. Para asegurarse de que el parámetro siempre será diferente, podemos generarlo dinámicamente desde asp o cualquier otro lenguaje y podemos utilizar la función en jscript getTime(), que nos devuelve la cantidad de milisegundos transcurridos desde el 1 de Enero de 1970 hasta el momento actual. De esta manera, podemos generar los enlaces desde páginas asp con esta función:

<script language="jscript" runat="server">
function getTime() {
 var d = new Date();
 return d.getTime();
}
</script>

y generar el enlace así:

<a href="http://www.example.com/a.htm?<%=getTime()%>">Enlace sin cache</a>

que se convertiría en algo así:

<a href="http://www.example.com/a.htm?1224505518887">Enlace sin cache</a>

Este truco es especialmente útil cuando una página contiene un objeto flash. En el ejemplo anterior, llamando a http://www.example.com/a.htm?1224505518887 devuelve el código html actualizado, pero si hay algún objeto flash que queramos actualizar en el interior de la página, esta solución no funciona, ya que la url del objeto flash llamado siempre será la misma. Para resolver esto, hemos de aplicar la variable de tiempo anterior directamente a la llamada al objeto flash:

<object classid="clsid:d27...">
  <param name="movie" value="home.swf?<%=getTime()%>" />
  <embed src="home.swf?<%=getTime()%>" pluginspage... />
</object>

quedando algo así:

<object classid="clsid:d27...">
  <param name="movie" value="home.swf?1224505518887" />
  <embed src="home.swf?1224505518887" pluginspage... />
</object>

y lo guardamos como asp con la funcion jscript getTime definida. De esta manera nos aseguramos que el objeto flash será leído del servidor sin pasar por la caché sin necesidad de cambiarle el nombre al archivo. Después, simplemente hay que llamar a la página http://www.example.com/a.asp, sin la variable de tiempo, porque ya se genera en el código de la página y lo que realmente nos interesa actualizar es el objeto flash.

Este tipo de solución también se puede utilizar para refrescar la página cada ciertos segundos, como una página que visualice una webcam que actualiza las imágenes por FTP cada x segundos.

Compartir / Guardar

Related posts:

1. Validar campos y parámetros con expresiones regulares en ASP
2. La World Wide Web y el HTML cumplen 20 años
3. Interpretar páginas web estáticas como php, asp o cualquier lenguaje

function esValidoNum(cadena)
  set expReg = New RegExp
  expReg.Pattern = "^[0-9]+$"
  esValidoNum = expReg.Test(cadena) and len(cadena) < 6
  set expReg = nothing
end function
 
function esValidoAlfaNum(cadena)
  set expReg = New RegExp
  expReg.Pattern = "^[a-zA-Z0-9-]+$"
  esValidoAlfaNum = expReg.Test(cadena) and len(cadena) < 256
  set expReg = nothing
end function

Como norma general, en primer lugar se declara la variable que tendrá la expresión regular y se le especifica el patrón a seguir mediante los diferentes símbolos:

^ : comienzo de la expresión regular
$ : fin de la expresión regular
+ : utilizado para especificar una o más apariciones de los símbolos precedentes
[...] : rango

Así pues en el primer ejemplo anterior se validan expresiones numéricas, es decir, una o más repeticiones de números entre 0 y 9, y de longitud menor que 6 (len(cadena)<6), mientras que en el segundo se validan cadenas alfanuméricas (sin acentos, ñ, ç,…), es decir, una o más repeticiones de letras minúsculas entre a y z, mayúsculas entre A y Z, números entre 0 y 9 y guiones (-), y de longitud menor de 256 carácteres (len(cadena)<256).

Con estas simples pero potentes funciones podemos validar usuarios y contraseñas y parámetros sencillos pasados por GET o POST como id’s, cadenas simples,…

En todos los lenguajes existen las expresiones regulares y el uso es bastante similar. De hecho, en Javascript es muy fácil utilizar las funciones para validar los campos en el cliente antes de enviar el formulario web.

Se pueden encontrar expresiones regulares predefinidas para validar e-mails, teléfonos, fechas, horas,… en RegExLib, una web muy útil.

Related posts:

1. Validar fechas con expresiones regulares en ASP y Javascript
2. Validar direcciones de e-mail con expresiones regulares en ASP y Javascript
3. Validar direcciones de Internet o URL’s con expresiones regulares en Javascript