31:[] 2f:{"title":"OWASP 2018 (2/5) - Web Crypto API - Calcular hashes","cells":[{"id":0,"value":"md`# OWASP 2018 (2/5) - Web Crypto API - Calcular hashes\n\nEn esta etapa 2/5, generamos una matricula boliviana de automovil, siguiendo el patrón establecido tipo 1234ABC, luego mostramos cómo calcular diferentes hashes con Web Crypto API.\n\n- [↬ volver a la etapa 1/5](https://beta.observablehq.com/@severo/owasp-2018-1-4-web-crypto-api)\n- [↬ ir a la etapa 3/5](https://beta.observablehq.com/@severo/owasp-2018-3-5-web-crypto-api-verificar-un-hash)\n\n## Generar un número de placa\n\nPrimero generamos de manera aleatoria un número de matrícula boliviana. El formato es tipo 1234ABC, los valores están entre 1000AAA y 3999ZZZ.\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":2,"value":"function generarPlaca() {\n /* Generamos placas entre 1000AAA y 3999ZZZ */\n var placa = \"\"\n \n /* Usaremos Web Crypto API para generar la placa de forma aleatoria\n (un cañon para matar a una mosca, pero bueno...) \n \n Para utilizar Web Crypto API, simplemente acceder con el objeto \"crypto.\"\n \n Sacamos cuatro números aleatorios de 16bits: uno para el número de 4 cifras, y uno para cada letra\n */\n var array = new Uint16Array(4);\n crypto.getRandomValues(array);\n\n /* Número de cuatro cifras: */\n var numeros = Math.floor((array[0] / 65535) * 3000) + 1000\n /* Tres letras: */\n var letras = \"\"\n var letrasPosibles = \"ABCDEFGHIJKLMNOPQRSTUVWXYZ\";\n for (var i = 1; i < 4; i++)\n letras += letrasPosibles.charAt(Math.floor((array[i] / 65535) * letrasPosibles.length));\n \n /* Cadena de carácteres de la placa */\n placa = numeros + letras\n \n return(placa)\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":165,"value":"ejemploPlaca = generarPlaca()","pinned":false,"hidden":false,"mode":"ojs"},{"id":66,"value":"md`## Calcular un hash simple\n\nPrimero veamos cómo calcular un hash simple.\n\n### Hash simple, MD5\n\nWebCrypto no permite calcular MD5, porque es demasiado inseguro. Lo calculamos sin esta API (ver https://www.npmjs.com/package/js-md5).\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":129,"value":"placaParaMD5 = generarPlaca()","pinned":false,"hidden":false,"mode":"ojs"},{"id":71,"value":"hashMD5 = md5(placaParaMD5)","pinned":false,"hidden":false,"mode":"ojs"},{"id":67,"value":"md5 = require(\"js-md5\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":77,"value":"md`### Hash simple, SHA-1\n\nWebCrypto recomienda no usar SHA-1, por ser inseguro, pero provee la implementación. El código siguiente está copiado de https://developer.mozilla.org/en-US/docs/Web/API/SubtleCrypto/digest.\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":132,"value":"placaParaSHA1 = generarPlaca()","pinned":false,"hidden":false,"mode":"ojs"},{"id":84,"value":"hashSHA1 = webCryptoHash(placaParaSHA1, \"SHA-1\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":119,"value":"/* Ver https://developer.mozilla.org/en-US/docs/Web/API/SubtleCrypto/digest */\nfunction webCryptoHash(str, algo) {\n if (algo == \"MD5\") {\n return new Promise(resolve => {\n resolve({\"str\": str, \"hash\": md5(str)})\n })\n } else {\n // We transform the string into an arraybuffer.\n var buffer = new TextEncoder(\"utf-8\").encode(str);\n return crypto.subtle.digest(algo, buffer).then(function (hash) {\n return {\"str\": str, \"hash\": hex(hash)};\n });\n }\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":122,"value":"/* Ver https://developer.mozilla.org/en-US/docs/Web/API/SubtleCrypto/digest */\nfunction hex(buffer) {\n var hexCodes = [];\n var view = new DataView(buffer);\n for (var i = 0; i < view.byteLength; i += 4) {\n // Using getUint32 reduces the number of iterations needed (we process 4 bytes each time)\n var value = view.getUint32(i)\n // toString(16) will give the hex representation of the number without padding\n var stringValue = value.toString(16)\n // We use concatenation and slice for padding\n var padding = '00000000'\n var paddedValue = (padding + stringValue).slice(-padding.length)\n hexCodes.push(paddedValue);\n }\n\n // Join all the hex strings into one\n return hexCodes.join(\"\");\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":108,"value":"md`### Hash simple, SHA-256`","pinned":false,"hidden":false,"mode":"ojs"},{"id":134,"value":"placaParaSHA256 = generarPlaca()","pinned":false,"hidden":false,"mode":"ojs"},{"id":99,"value":"hashSHA256 = webCryptoHash(placaParaSHA256, \"SHA-256\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":111,"value":"md`### Hash simple, SHA-384`","pinned":false,"hidden":false,"mode":"ojs"},{"id":136,"value":"placaParaSHA384 = generarPlaca()","pinned":false,"hidden":false,"mode":"ojs"},{"id":101,"value":"hashSHA384 = webCryptoHash(placaParaSHA384, \"SHA-384\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":115,"value":"md`### Hash simple, SHA-512`","pinned":false,"hidden":false,"mode":"ojs"},{"id":138,"value":"placaParaSHA512 = generarPlaca()","pinned":false,"hidden":false,"mode":"ojs"},{"id":103,"value":"hashSHA512 = webCryptoHash(placaParaSHA512, \"SHA-512\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":197,"value":"/*md`## Calcular un hash con salt\n\nAhora veamos cómo calcular un hash con un salt.\n\n\n### Hash con salt, MD5\n\nWebCrypto no permite calcular MD5, porque es demasiado inseguro. Lo calculamos sin esta API (ver https://www.npmjs.com/package/js-md*/","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}