交流群:462197261站长百科站长论坛热门标签收藏本站北冥有鱼 互联网前沿资源第一站 助力全行业互联网+
点击这里给我发消息
  • 当前位置:
  • 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自定义服务之实现签名和加密

    广而告之:
    热门推荐:
    vue插件tab选项卡使用小结

    本文实例为大家分享了vue插件tab选项卡的使用方法,供大家参考,具体内容如下 基本用法 <template> <tab :options="tabOpt" :state.sync="stateIndex"></tab> </template> <script type="text/babel"> import tab from 'components/tab_touch···

    HTML5视频播放插件 video.js介绍

    video.js是一款很流行的html5视频播放插件。很适合在移动端播放视频(比如微信网页),功能强大,且支持降级到flash,兼容ie8。官网:http://videojs.com/    git&demo  :http://files.cnblogs.com/files/stoneniqiu/video-js-5.11.4.zip 看下默认例子:···

    jQuery自定义组件(导入组件)

    1.组件js (function($){ //自定义去除字符串两边空白 String.prototype.trim=function(){ return this.replace(/(^\s*)|(\s*$)/g, ""); } //自定义导入组件 $.fn.customImport = function(methodOroptions,value){ if(typeof methodOroptions == "string"){//存在方法···

    php面向对象全攻略 (十六) 对象的串行化

    把对象串行化 有时候需要把一个对象在网络上传输,为了方便传输,可以把整个对象转化为二进制串, 等到达另一端时,再还原为原来的对象,这个过程称之为串行化,就像我们现在想把一辆汽 车通过轮船运到美国去,因为汽车的体积比较大,我们可以把汽车拆开成小的部件,然后···

    织梦后台栏目内容空白解决方法

    如下两种情况会导致DEDE后台出理空白: 1.data目录下的 config.cache.inc.php丢失 2.data目录没有写入权限. 由于没有目录写入权限,php页面在加载过程中写不了cache,造成空白页的情况。 解决方法: 后台出现空白时,先别改动php文件,先照目录权限的问题,目录写···

    如何利用Gitlab-ci持续部署到远程机器(详细教程)

    长话短说,今天聊一聊使用Gitlab-CI 自动部署到远程服务器。 看过这篇文章的朋友,会注意到我是在 Gitlab-Runner服务器上自动部署的站点,本次我们结合ssh部署到远程机器(将CI服务器和部署服务器分离,避免资源抢占)。 SSH免密登陆 还是那句话,CI/CD实质是将我们手动集成、···

    JavaScript入门教程(3) js面向对象

    JavaScript 是使用“对象化编程”的,或者叫“面向对象编程”的。所谓“对象化编程”,意思是把 JavaScript 能涉及的范围划分成大大小小的对象,对象下面还继续划分对象直至非常详细为止,所有的编程都以对象为出发点,基于对象。小到一个变量,大到网页文档、窗口甚至屏幕,都···

    jQuery中使用Ajax获取JSON格式数据示例代码

    JSON(JavaScript Object Notation)是一种轻量级的数据交换格式。JSONM文件中包含了关于“名称”和“值”的信息。有时候我们需要读取JSON格式的数据文件,在jQuery中可以使用Ajax或者 $.getJSON()方法实现。 下面就使用jQuery读取music.txt文件中的JSON数据格式信息。 首先,···

    网页表格表框制作技巧

    网页表格表框制作技巧。 --------------------------------------------------------------------------------表格边框的显示与隐藏,是可以用frame参数来控制的。请注意它只控制表格的边框图,而不影晌单元格。只显示上边框<tableframe=above>只显示下边框<tablefram···

    js调试工具 Javascript Debug Toolkit 2.0.0版本发布

    1. Javascript 语法着色 2. 在eclipse中调试javascript 3. 查看javascript表达式 4. 语法错误定位 5. 解决通过超链接等方式打开的html页面不能使用的问题 6. 解决上个版本中的bug 您可能感兴趣的文章: JavaScript调试工具汇总 10个基于浏览器的JavaScript调试工···