前端加密的实现

最新推荐文章于 2024-07-19 08:32:06 发布
最新推荐文章于 2024-07-19 08:32:06 发布
阅读量3.1k 收藏 4
点赞数 1
分类专栏： web前端 vue 文章标签： 前端 安全 https
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_55953988/article/details/122586121
版权
本文介绍了前端加密技术，包括对称加密（如DES、AES、3DES）和非对称加密（如RSA、ECC），并详细阐述了两者的区别。此外，重点讲解了如何使用CryptoJS进行加密解密操作，并提到了Base64和MD5加密。在实际应用中，前端加密通常结合对称和非对称加密提高效率和安全性。
摘要由CSDN通过智能技术生成

 

目录

对称加密和非对称加密

CryptoJS加密解密

base64

MD5加密

RSA加密

对称加密和非对称加密

1. 对称加密

对称加密指的就是加密和解密使用同一个秘钥，所以叫做对称加密。对称加密只有一个秘钥，作为私钥。

常见的对称加密算法：DES，AES，3DES等等。

2. 非对称加密

非对称加密指的是：加密和解密使用不同的秘钥，一把作为公开的公钥，另一把作为私钥。公钥加密的信息，只有私钥才能解密。私钥加密的信息，只有公钥才能解密。

常见的非对称加密算法：RSA，ECC

3. 区别

对称加密算法相比非对称加密算法来说，加解密的效率要高得多。但是缺陷在于对于秘钥的管理上，以及在非安全信道中通讯时，密钥交换的安全性不能保障。所以在实际的网络环境中，会将两者混合使用.

CryptoJS加密解密

以 Vue 作为例子
1.CryptoJS加密解密
首先引用CryptoJS的库
https://cdn.staticfile.org/crypto-js/3.1.9/crypto-js.min.js

加密:


                

        

        

    

  


        

            

                    
                      最低0.47元/天 解锁文章
                        
                    
            

        

    

      

        

            

              
                
                  前端程序猿微凉
                
              
            

            

                关注
              
            

        

        

          
      

      

            

                专栏目录
          









                



	

		

			

				
					
前端如何实现加密与解密的密码传输——crypto-js 的 aes

				
			

			

				

					JCat的博客
				

				

					04-08
					
					6344
					
				

			

		

		

			
				
前言
项目中 经常有修改密码的功能，但是前端要求在密码传输过程中使用密文，使用明文展示。网上很多都不完整，这里写一下，我亲测有用的一个方法
正文

配置：crypto-js aes 加解密

首先我们要引入 crypto-js ，crypto-js 是一个纯 javascript 写的加密算法类库 ，可以非常方便地在 javascript 进行 MD5、SHA1、SHA2、SHA3、RIPEMD-...

			
		

	



                

              
                



	

		

			

				
					
aes 前端加密 后端c# 解密

				
			

			

				

					12-22
				

			

		

		

			
				
在这个例子中，`encryptedBase64`是前端加密后的Base64字符串，`key`和`iv`分别是从前端接收到的密钥和初始向量。请注意，前后端必须使用相同的密钥和初始向量才能正确地加密和解密数据。  在实际应用中，密钥的管理...

			
		

	



                


  
              

                


	

		

			

				
					
前端面试查漏补缺--(八) 前端加密

				
			

			

				

					cpongo011702
				

				

					02-23
					
					7213
					
				

			

		

		

			
				
前言
本系列最开始是为了自己面试准备的.后来发现整理越来越多,差不多有十二万字符,最后决定还是分享出来给大家.
为了分享整理出来,花费了自己大量的时间,起码是只自己用的三倍时间.如果喜欢的话,欢迎收藏,关注我!谢谢!
文章链接

前端面试查漏补缺--(一) 防抖和节流
前端面试查漏补缺--(二) 垃圾回收机制
前端面试查漏补缺--(三) 跨域及常见解决办法
前端面试查漏补缺--(四) 前端本地存储...

			
		

	





	

		

			

				
					
前端常用6种数据加密方式的使用(最详解)

					
最新发布

				
			

			

				

					程序员-张师傅
				

				

					07-19
					
					812
					
				

			

		

		

			
				
前端常用的六种数据加密方式包括Base64编码、MD5加密、SHA-1加密、SHA-256加密、AES加密和RSA加密。每种加密方式都有其特定的使用场景和优缺点。以下是这些加密方式的详细使用说明：定义与特点：使用场景：优缺点：示例代码：
2. MD5加密
定义与特点：使用场景：优缺点：示例代码（使用Node.js的crypto模块）：
3. SHA-1加密
定义与特点：使用场景：优缺点：注意：由于SHA-1已被认为不再安全，建议使用SHA-256或更高版本的SHA算法。定义与特点：使用场景：优缺点：示例代码

			
		

	



		

			
		



	

		

			

				
					
前端加密

				
			

			

				

					qq_35246952的博客
				

				

					05-21
					
					112
					
				

			

		

		

			
				
1、md5加密：前端可以加密，不可以解密
2、crypto加密： 前端可加密、解密常用于“记住密码”， 存cookie
import CryptoJS from "crypto-js";

//设置cookie
    setCookie(portId, psw, exdays) {
      // Encrypt，加密账号密码
      const userName = CryptoJS.AES.encrypt(
        portId+'',
        "secretkey123"
  

			
		

	





	

		

			

				
					
RSA实现JS前端加密与PHP后端解密功能示例

				
			

			

				

					10-16
				

			

		

		

			
				
1. **前端加密**：  - 前端通常不保存敏感信息，如用户密码，因此在用户输入密码后，使用RSA公钥进行加密。JS中，我们需要引入几个依赖库，如`jsbn.js`、`prng4.js`、`rng.js`和`rsa.js`，它们提供了RSA加密所需的...

			
		

	





	

		

			

				
					
前端 RSA分段加密算法

				
			

			

				

					03-31
				

			

		

		

			
				
总结来说，"前端 RSA 分段加密算法"是一种确保前端数据安全的策略，它利用RSA非对称加密的特性，结合分段加密的方法，处理大长度的数据，使得在前端环境中也能实现高效且安全的数据加密。"jsencrypt.min.js"库为...

			
		

	





	

		

			

				
					
RAS前端加密，JAVA后端解密。实现加密传送（补充了一个JS）

				
			

			

				

					04-30
				

			

		

		

			
				
本文将深入探讨一个具体的实践案例，即“RAS前端加密，JAVA后端解密”，以实现加密数据的传送。这种方法结合了非对称加密算法，如RSA，以及MD5散列函数，以增强系统登录的安全性。  首先，我们来理解非对称加密算法...

			
		

	





	

		

			

				
					
前端JS实现密码加密（base64， md5， sha1，RSA）

				
			

			

				

					11-24
				

			

		

		

			
				
前端JS实现密码加密（base64.js， md5.js， sha1.js，jsencrypt.js），使用方式请看我这篇文章：https://blog.csdn.net/guxingsheng/article/details/84451573

			
		

	





	

		

			

				
					
前端几种加密方式整理

					
热门推荐

				
			

			

				

					TeAmoly的博客
				

				

					11-24
					
					2万+
					
				

			

		

		

			
				
前端几种加密方式整理
md5加密：md5.js

MD5.js 共有6中加密方法:hex_md5(s), b64_md5(s), str_md5(s), hex_hmac_md5(key, data), b64_hmac_md5(key, data), str_hmac_md5(key, data)

使用
<script src="js/md5.js" type="text/javascr...

			
		

	





	

		

			

				
					
前端数据加密的方法

				
			

			

				

					w418856的博客
				

				

					05-31
					
					1万+
					
				

			

		

		

			
				
在这个页面中，当用户点击“base64加密”按钮时，会调用一个JavaScript函数fn1()，该函数使用了window.btoa()方法进行Base64加密操作，并使用window.atob()方法进行解密操作。在这个页面中，当用户点击“编码解码加密”按钮时，会调用一个JavaScript函数fn4()，该函数使用了escape()和unescape()方法进行编码和解码操作。window.atob()方法接受一个Base64编码的字符串作为参数，返回该编码的原始字符串。

			
		

	





	

		

			

				
					
前端数据加密（Base64、MD5、AES、RSA）

				
			

			

				

					醉逍遥neo的博客
				

				

					07-05
					
					1万+
					
				

			

		

		

			
				
以前端的角度来梳理一些常见的加密方式。
一、前端加密有意义吗
正反派都有。
1、无意义论
​	说无意义的，无非是说，对于后端而言，前端无论是直接发送明文密码还是使用md5等加密的密文密码，从数据层面来讲，都是『明文』，只要被劫持，就算是密文，也并不需要去破解，直接伪造请求，照样发送就好了。
​	再加上，因为前端代码是运行在用户本地浏览器，代码都能扒下来，什么加密算法都是用户可见的，混淆，散列，加密无非是增大这种可见的难度，并没有从根本上解决问题。
2、有意义论
​	说有意义的呢，更多说的是保护用户隐私，不至

			
		

	





	

		

			

				
					
前端项目代码加密教程

				
			

			

				

					weixin_40393907的博客
				

				

					07-19
					
					620
					
				

			

		

		

			
				
前端项目代码加密教程

			
		

	





	

		

			

				
					
前端加密方式

				
			

			

				

					华灯初上
				

				

					05-28
					
					641
					
				

			

		

		

			
				
1、base64加密
加密过程：
（1）首先拿到一串字符，将字符用ASC||码表示
（2）将ASC||替换为二进制 3个字节 8位
（3）将8位的表示方式替换为6位；所以生成的密文比原来大3分之1
（4）由于计算机的字节都是用8位来表示，所以高位自动补0
（5）再将补0之后的字节计算为10进制数字
（6）根据base64的对照表，找出对应的字符，合并起来就是密文
base64的对照表
包含26个英文字符的大小写字母，10个数字0-9，还有+ / =，并且=最多两个，在最后出现。
使用方式
window.at

			
		

	





	

		

			

				
					
前端怎么实现aes加密解密

				
			

			

				

					07-22
				

			

		

		

			
				
前端可以使用 CryptoJS 库来实现 AES 加密和解密。首先，需要引入 CryptoJS 库：  ```html <script src="https://cdn.bootcdn.net/ajax/libs/crypto-js/4.0.0/crypto-js.min.js"></script> ```  然后，可以使用以下...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		
评论 1

	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  





	
打赏作者

	

		

		
			
		
		

		

			
前端程序猿微凉

			
你的鼓励将是我创作的最大动力

		

	

	

			

	

	

    ¥1
    ¥2
    ¥4
    ¥6
    ¥10
    ¥20
	

	

		

			

				

					扫码支付：¥1
				

				

					

					
					获取中
					

				

				

					
					
					扫码支付
				

			

		

		

			
您的余额不足，请更换扫码支付或充值

			
打赏作者

		

	



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值