zoukankan      html  css  js  c++  java
  • wex5 实战 加密与解密系列(1) DES算法引入与调用

          作为web前端应用来说,与服务器通讯或后端通讯,以及不同用户间传递数据,在一些特定情况下需要对一些信息进行加密传输,在某个事件中取出信息并解密,得到正确的信息。纵观不同语言和不同算法,有很多种选择。今天,从最基础的加密与解密算法DES说起,深入浅出,看看wex5如何简单高效的实现DES算法加密与解密。便于课程需要,制作了demo,及js改装注释。

    一 效果演示

         

        

       如图所示,加密,生成一堆乱码,解密还原得到正确信息。

     二 设计思路

         制作并引入des.js文件,前端直接调用js方法实现加密解密。

        

    三 具体代码与实现

        1 js文件的制作

           

         

          这里强调一下,des.js文件,网上很多不是单独的插件,有的是写在html页面中的,把js片段直接拷出来,做成 js文件,供其它页面调用即可。具体算法逻辑不必纠结,找到其定义方法即可。

          这就出现另一个问题:在wex5中如何引入不规范AMD文件的问题。这不是今天的重点,有兴趣的上官网查找。

          方法中提供了两种加密与解密,16进制与非16进制区别如下:

          

          

        2 引入js

           

        3 调用js方法

          

          js文件是提供的加密与解密方法,有两个参数,一个是密钥,一个是需要处理的字符串。这里用justep.UUID.createUUID动态生成密钥,为每一个信息配一把密钥。

         (注)黄色三角叹号提示方法不存在,其实不是,只是方法没有在同一个页面,实测结果是方法已正确调用。

    四 总结

        1  js文件的抽取与制作,其实就是把一些js片段拿出来。

        2  不符合AMD规范的js文件直接引用,调用js中的方法即可。

        

    相关视频制作完成,上传优酷。教学app制作中。我是邯郸戏曲开发,tel:15175073123,qq:1017945251

     

     扫描二维码,看高清教学视频。

  • 相关阅读:
    1.初识Redis
    2.API的理解和使用
    8.rabbitmq RPC模拟微服务架构中的服务调用
    9.[完]其他常用的rabbitmq的参数和设置
    6.Header交换机之模拟验证用户身份
    C#中复制文件夹及文件的两种方法
    python通过递归将多维字典转化为二维
    python venv flask gunicorn 部署与 pycharm 连接
    Nagios(centos 6.5)调用NSClient++/NRPE+Powershell脚本(windows server 2008 r2)监控网络情况
    Nagios 调用华为云短信平台进行报警
  • 原文地址:https://www.cnblogs.com/fangziffff123/p/6399544.html
Copyright © 2011-2022 走看看