CriarWeb.com > Manuais > Biblioteca php.js: as funções PHP em Javascript

Fazer MD5 desde Javascript

Como calcular a chave MD5 de qualquer cadeia de caracteres desde Javascript, por meio das bibliotecas PHP.js.

Por Miguel Angel Alvarez - Tradução de Celeste Veiga

Publicado em: 20/7/11

Valorize este artigo:

Se você necessita calcular o MD5 de uma cadeia de caracteres mediante Javascript é fácil graças às bibliotecas PHP.js, que convertem as funções nativas de PHP para a linguagem Javascript. Neste artigo explicaremos como fazê-lo.

Caso você tenha pensado alguma vez em realizar uma conversão desde Javascript de um dado para seu correspondente "Hash de saída" MD5, você terá observado que não existe nenhuma função nativa que lhe ajude a fazê-lo. No entanto, isso não significa que outros programadores não tenham detectado essa necessidade e realizado alguma função para cobri-la.

Versão em Javascript da função md5() de PHP

Graças às bibliotecas PHP.js, que se apresentaram junto com vários exemplos no Manual de PHP.js, temos uma implementação simples da função md5() de PHP dentro da linguagem de programação Javascript.

Neste caso nos interessa a função md5() portada desde PHP para Javascript e podemos baixá-la da seção "compile" de PHP.js. Em princípio podemos obter essa função de maneira independente, se não necessitamos outras funções da biblioteca. Para isso selecionamos o "template" por padrão chamado "none" (que retira todas as funções da biblioteca PHP.js) e depois selecionando a função "md5", que está dentro da classificação "Strings".

Nota: Para utilizar a função md5() necessitamos baixar essa função de PHP.js e além disso agregar as dependências. Neste caso a única função que depende é utf8_encode(), que se seleciona automaticamente no momento em que marcamos md5.

Assim que tenhamos o pacote com as duas funções necessárias, md5() e utf8_encode(), podemos invocar a função Javascript md5() passando como parâmetro a cadeia a ser passada por MD5.

md5("cadeia a ser passada por MD5");

Exemplo de página que converte um dado su Hash MD5 con Javascript

Ahora podemos ver un ejemplo de página que nos sirve para probar la función md5().

Disponemos de un formulario con un campo de texto y un botón. Al pulsar el botón se convierte a MD5 el dato que haya escrito en el campo de texto.

Nota: Como se puede ver, en la cabecera se está incluyendo el script Javascript llamado md5.pack.js, que hemos descargado con la función md5() y su dependiente utf8_encode(), directamente de PHP.js.

<html>
<head>
<title>md5 en javascript</title>
   <script src="md5.pack.js" type="text/javascript"></script>
   <script>
   function convierteMd5(formulario){
      alert("El Hash MD5 es:n" + md5(formulario.md5txt.value));
   }
   </script>
</head>
<body>
<h1>md5 en javascript</h1>
   <form>
      Cadena: <input type="text" name="md5txt">
      <input type="button" onclick="convierteMd5(this.form)" value="Convierte a md5">
   </form>
   <br>
   <a href="http://www.desarrolloweb.com">DesarrolloWeb.com</a>. Explora el <a href="http://www.desarrolloweb.com/manuales/manual-librerias-phpjs.html">manual PHP.js</a>
</body>
</html>

Nota: el código de la función md5(), por si a alguien le interesa, lo podemos ver listado en http://phpjs.org/functions/md5

Si lo deseas, puedes ver este ejemplo en una página aparte.

Acrescentar um comentário ao artigo

Manual: Biblioteca php.js: as funções PHP em Javascript

Comprovar os tipos de dados armazenados em variáveis Javascript

Codificar e decodificar cadeias para UTF-8 com Javascript