Tres métodos de cifrado comúnmente utilizados en el front-end (MD5, base64, sha.js)

Como excelente ingeniero de desarrollo front-end, es imperativo garantizar la seguridad de la información del usuario y las contraseñas. Sin más preámbulos, permítanme presentarles tres métodos de cifrado que se utilizan a menudo en el desarrollo diario.

1. Cifrado MD5

Introducción: MD5 en chino significa algoritmo 5 de resumen de información, que es un algoritmo de cifrado de resumen de información que puede traducir datos a otro valor de longitud fija.

Características:

• Compresibilidad: para datos de cualquier longitud, la longitud del valor MD5 calculado es fija.
• Fácil de calcular: es fácil calcular el valor MD5 a partir de los datos originales.
• Resistencia a la modificación: Si se realiza alguna modificación en los datos originales, aunque solo se modifique 1 byte, el valor MD5 resultante será muy diferente.
• Fuerte anticolisión: dados los datos originales y su valor MD5, es muy difícil encontrar datos con el mismo valor MD5 (es decir, datos falsificados).

Uso: Introduzca el paquete MD5.js en el proyecto.

import MD5 from 'MD5'

function Md5() {
  return (
    <>
      <h1>MD5加密</h1>
      <h3>加密前:18888888888 加密后:{MD5(18888888888)}</h3>
      <h3>加密前:大大大大奔 加密后:{MD5('大大大大奔')}</h3>
    </>
  )
}

export default Md5

 Efecto de visualización de página:

2. cifrado base64

Introducción: Base64 es un algoritmo de cifrado con amplia aplicación y soporte, pero es uno de los estándares de codificación más débiles en la actualidad. Procesa principalmente la secuencia binaria después de la conversión de texto sin formato, convirtiéndola en una forma que los humanos no pueden reconocer directamente.
Características:

• más ampliamente usado
• Simple y fácil de usar
• Las imágenes se pueden traducir y almacenar.
• El resultado después de la codificación es de solo 64 caracteres az AZ 0~9 / + más un carácter auxiliar =

Uso : Llame directamente al método btoa para convertir al método base64, use el método atob para decodificar

function Base64() {
  return (
    <>
      <h3>MD5加密</h3>
      <br></br>
      {/* btoa用于加密，atob用于解密 */}
      <h3>加密前:18888888888 加密后:{window.btoa(18888888888)}</h3>
      <h3>解码后:{window.atob(window.btoa(18888888888))}</h3>
    </>
  )
}
export default Base64

Efecto de visualización de página:

 

3. cifrado sha.js

Introducción: un método que se usa a menudo en proyectos, es simple y conveniente de usar
Método de uso: introduzca directamente el paquete sha.js en el proyecto

import { sha256 } from 'js-sha256'
function Sha() {
  return (
    <>
      <h3>sha.js加密</h3>
      <br></br>
      <h3>加密前:18888888888 加密后:{sha256('18888888888')}</h3>
    </>
  )
}

export default Sha

 Efecto de visualización de página: