js 用户名，密码登陆加密和解密

你的名字 2022-04-22 02:20 561阅读 0赞

<1>

1.利用后台将用户名和密码进行base64加密，浏览器输入登录地址url进行登录

//抓取浏览器访问路径  
    var request = \{  
            QueryString: function (val) \{  
                var uri = window.location.search;  
                var re = new RegExp("" + val + "\\=(\[^\\&\\?\]\*)", "ig");  
                return ((uri.match(re)) ? (uri.match(re)\[0\].substr(val.length + 1)) : null);  
            \}  
        \}  
        var userNameBase64 = request.QueryString("userName"); //用户名  
        var userPasswordBase64 = request.QueryString("userPassword"); //密码  
        //base64解密  
        var userName = Base64.decode(userNameBase64);  
        var userPassword = Base64.decode(userPasswordBase64);  
        console.log("userName="+userName+" userPassword="+userPassword);  
        if(userName!=null && userPassword!=null)\{  
            var oBtn = document.getElementById('btnUsrLogin');  
            oBtn.onclick = function()\{  
                $("\#txtUsrAccount").val(userName);  
                $("\#txtUsrPwd").val(userPassword);  
                var name = $("\#txtUsrAccount").val();  
                var pwd = $("\#txtUsrPwd").val();  
//              alert("用户名="+name+" and 密码="+pwd);  
            \};  
            setTimeout("oBtn.click()",1000);  
              //模拟点击事件，页面刷新，出发点击事件  
        \}  
java实现base64加密和解密方法

//加密    
    public static String getBase64(String str)\{    
        byte\[\] b=null;    
        String s=null;    
        try \{    
            b = str.getBytes("utf-8");    
        \} catch (UnsupportedEncodingException e) \{    
            e.printStackTrace();    
        \}    
        if(b!=null)\{    
            s=new BASE64Encoder().encode(b);    
        \}    
        return s;    
    \}

// 解密      
    public static String getFromBase64(String s) \{      
        byte\[\] b = null;      
        String result = null;      
        if (s != null) \{      
            BASE64Decoder decoder = new BASE64Decoder();      
            try \{      
                b = decoder.decodeBuffer(s);      
                result = new String(b, "utf-8");      
            \} catch (Exception e) \{      
                e.printStackTrace();      
            \}      
        \}      
        return result;      
    \}      
\---------------------   
<2>

![复制代码][copycode.gif]

2,前端

![复制代码][copycode.gif]

![复制代码][copycode.gif]

3,MVC  C\# 实现

![复制代码][copycode.gif]

/// <summary> 
            /// Base64解密 
            /// </summary> 
            /// <param name="codeName">解密采用的编码方式，注意和加密时采用的方式一致</param> 
            /// <param name="result">待解密的密文</param> 
            /// <returns>解密后的字符串</returns> 
            public static string DecodeBase64(Encoding encode, string result)
            {
                string decode = "";
                byte[] bytes = Convert.FromBase64String(result);
                try
                {
                    decode = encode.GetString(bytes);
                }
                catch
                {
                    decode = result;
                }
                return decode;
            }

![复制代码][copycode.gif]

//用户名和密码解密
                string UserName = DecodeBase64(Encoding.UTF8, UserName64);
                string Pwd = DecodeBase64(Encoding.UTF8, Pwd64);

<3>

写前端的时候，很多的时候是避免不了注册这一关的，但是一般的注册是没有任何的难度的，无非就是一些简单的获取用户输入的数据，然后进行简单的校验以后调用接口，将数据发送到后端，完成一个简单的注册的流程，那么一般来说，密码是不做加密的。但是也有一些数据库里面存放的是加密后的密码，这样有一个比较安全的地方在于，即使黑客将用户输入的文本密码得到了，也不知道具体是什么，因为密码是经过加密的。

今天就简单的将加密这块写一下，有可以用到的看一下。

js的加密没特别多的办法，常见的就三种， MD5加密、Base64加密和shal加密，那么今天就将这三种的用法写一下。

MD5加密  
H5源码  
<!DOCTYPE html>  
<html>  
    <head>  
        <meta charset="utf-8" />  
        <title>md5加密</title>  
        <script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>  
        <script src="js/md5.js" type="text/javascript" charset="utf-8"></script>  
    </head>  
    <body>  
        <input type="password" name="" id="md5" value="" />  
        <input type="button" name="" id="" value="MD5加密" οnclick="testmd5()" />  
    </body>  
    <script type="text/javascript">  
        function testmd5()\{  
        var password = $("\#md5").val();  
        var md5password = $.md5(password);  
        console.log("没有加密之前的是："+password);  
        console.log("加密以后是："+md5password);  
        \}  
    </script>  
</html>

[copycode.gif]: /images/20220422/e8851bb2b0aa4ecbac32a19d1c94ba87.png