VIP用户交流群:462197261 收藏本站北冥有鱼 互联网前沿资源第一站 助力全行业互联网+
在线客服:78895949
tonglan
  • 当前位置:
  • angular使用md5,CryptoJS des加密的方法

    在业务系统中,通常需要对用户的密码进行加密,再时行http的请求。加强系统登录的安全验证。

    常用的加密方式有MD5, Base64, CryptoJS的 AES DES等。下面介绍我常用的几种加密方法的使用:

    MD5加密

    1. 安装模块 ts-md5

    $ npm install ts-md5 --save
    

    2. 使用md5进行加密

    import { Md5 } from 'ts-md5';
    // ...
    
    // 密码
    password: string = "12345";
    
    // 加密方法 - md5加密
    decode() {
      const passwordMd5 = Md5.hashStr(this.password).toString(); // 结果:827ccb0eea8a706c4c34a16891f84e7b
    }
    
    

    Base64加密

    1.安装模块 js-base64

    $ npm install js-base64 --save
    

    2.使用md5进行加密

    import { Base64 } from 'js-base64';
    // ...
    
    // 密码
    password: string = "12345";
    
    // 加密方法 - Base64加密
    decode() {
      const passwordBase64 = Base64.encode(password); // 结果:MTIzNDU=
    }
    
    

    DES加密

    DES对称加密,是一种比较传统的加密方式,其加密运算、解密运算使用的是同样的密钥key,信息的发送者和信息的接收者在进行信息的传输与处理时,必须共同持有该密码(称为对称密码),是一种对称加密算法。

    crypto-js Github: https://github.com/brix/crypto-js

    1.安装模块 crypto-js

    $ npm install crypto-js --save
    

    2.使用DES进行加密

    import CryptoJS from 'crypto-js';
    // ...
    
    // 密钥
    key: string = "abcdefg";
    // 密码
    password: string = "12345";
    
    // 加密方法 - des加密
    decode() {
      // key编码 
      const keyHex = CryptoJS.enc.Utf8.parse(this.key);
      console.log(keyHex.toString()); // 结果:61626364656667
      // 加密
      const passwordDES = CryptoJS.DES.encrypt(this.password, keyHex, {
       mode: CryptoJS.mode.ECB,
       padding: CryptoJS.pad.Pkcs7
      }).toString();
      console.log(passwordDES); // 结果:zYGeIdaZpEM=
    }
    
    

    3. 使用AES进行加密

    加密用法基本与des一致。

    import CryptoJS from 'crypto-js';
    // ...
    
    // 密钥
    key: string = "abcdefg";
    // 密码
    password: string = "12345";
    
    // 加密方法 - des加密
    decode() {
      // 加密
      const passwordDES = CryptoJS.AES.encrypt(this.password, this.key).toString();
      console.log(passwordDES); 
    }
    
    

    以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持北冥有鱼。

    您可能感兴趣的文章:

    • Angular使用Md5加密的解决方法
    • AngularJs自定义服务之实现签名和加密

    广而告之:
    热门推荐:
    提升MongoDB性能的方法

    MongoDB 是高性能数据,但是在使用的过程中,大家偶尔还会碰到一些性能问题。MongoDB和其它关系型数据库相比,例如 SQL Server 、MySQL 、Oracle 相比来说,相对较新,很多人对其不是很熟悉,所以很多开发、DBA往往是注重功能的实现,而忽视了性能的要求。其实,MongoDB和 SQL ···

    php checkbox 取值详细说明

    设我们有一个html页面,代码如下: 复制代码 代码如下: <FORM method="post" action="checkTest.php"> <INPUT name="test[]" type="checkbox" value="1" /> <INPUT type="checkbox" name="test[]" value="2" /> <INPUT type="checkbox" name="test[···

    PHP简单获取随机数的常用方法小结

    本文实例讲述了PHP简单获取随机数的常用方法。分享给大家供大家参考,具体如下: 1.直接获取从min-max的数,例如1-20: $randnum = mt_rand(1, 20); 2.在一个数组里面随机选择一个(验证码的时候需要字母、数字混合的情况) function randUid(){ $str = "1,2,3,4,5,6,7,8,···

    网页制作应注意的几个事项

    --主页备份 1、txt 文本 2、scan 扫描图片 3、psd 设计原图(包括AI、Flash、Banner等等) 4、htm 网页文件 5、htm_old* 旧的网页文件备份 --html的目录结构 1、打开网页排版软件Dreamweaver的site网站管理视窗,按栏目内容建立子目录; 2、在每个主目录下都建立独···

    JS运动改变单物体透明度的方法分析

    本文实例讲述了JS运动改变单物体透明度的方法。分享给大家供大家参考,具体如下: 除了通过改变物体的 宽,高,letf,top位置或者是运动方向来实现物体运动效果之外,改变物体的透明度,也是运动特效 <script> window.onload = function () { var oDiv = document.···

    HTML表单标记教程(1):

    表单是实现动态网页的一种主要的外在形式。表单和表单域并不具有排版的能力,表单网页的制作最终还是要由表格组织起来。html表单是html页面与浏览器端实现交互的重要手段。利用表单可以收集客户端提交的有关信息。 在浏览网站时经常会遇到表单,它是网站实现互动功能的重要组成···

    使用vue-cli+webpack搭建vue开发环境的方法

    在这里我们需要首先下载node,因为我们要用到npm包下载,是基于node的 废话不多说,我们直接进入正题 下载node,同时需要下载git,以后我们就在git上输入命令来搭建我们的vue环境 git用的是linux命令 不要问为什么,能用就行,你说是不是? windows系统,下载完git以后我们再桌···

    php Undefined index和Undefined variable的解决方法

    $act=$_POST['act']; 用以上代码总是提示 Notice: Undefined index: act in F:\windsflybook\post.php on line 18 另外,有时还会出现  引用内容 Notice: Undefined variable: Submit ...... 等一···

    JS实现的文字间歇循环滚动效果完整示例

    本文实例讲述了JS实现的文字间歇循环滚动效果。分享给大家供大家参考,具体如下: 先来看看运行效果: 具体代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>www.jb51.net - 间歇循环滚动</title> <style&g···

    浅谈COOKIE和SESSION区别

    一、cookie介绍 cookie 常用于识别用户。cookie 是服务器留在用户计算机中的小文件。每当相同的计算机通过浏览器请求页面时,它同时会发送 cookie。通过 PHP,您能够创建并取回 cookie 的值。 1、设置Cookie PHP用SetCookie函数来设置Cookie。 SetCookie函数定义了一个Cookie,···