javascript利用cryptojs框架实现sha1 sha3 sha224 sha256 sha384 sha512加密

2018年09月21日 08:54 | 197次浏览 作者原创 版权保护

本章节主要讲解利用cryptojs框架实现sha1 sha3 sha224 sha256 sha384 sha512六种sha的加密

1、下载CryptoJs包

CryptoJS的包,下载地址:https://code.google.com/archive/p/crypto-js/downloads,下载解压之后如下图所示

所依赖的包主要在components文件夹下,其中找到core.js、sha1.js、sha3.js、sha224.jssha256.js、sha384.js、sha512.js七个依赖文件,其中core.js为依赖基础文件。


2、sha加密实现示例

1,新建sha.html页面,然后把components文件夹下的core.js和上述六种sha开头的js文件复制出来并引入到html中

 <!-- V型知识库原创 www.vxzsk.com -->
        
       <script type="text/javascript" src="core.js"></script>

          <script type="text/javascript" src="sha1.js"></script>
	  <script type="text/javascript" src="sha3.js"></script>
	  <script type="text/javascript" src="sha224.js"></script>
	  <script type="text/javascript" src="sha256.js"></script>
	  <script type="text/javascript" src="sha384.js"></script>
	  <script type="text/javascript" src="sha512.js"></script>


2,sha加密实现的javascript代码

<script type="text/javascript">
    alert("你好,欢迎来V型知识库,这是一个sha1测试:"+CryptoJS.SHA1("你好,欢迎来到V型知识库,这是一个SHA1测试"));
	 alert("你好,欢迎来V型知识库,这是一个sha3测试:"+CryptoJS.SHA3("你好,欢迎来到V型知识库,这是一个SHA3测试"));
	  alert("你好,欢迎来V型知识库,这是一个sha224测试:"+CryptoJS.SHA224("你好,欢迎来到V型知识库,这是一个SHA224测试"));
	   alert("你好,欢迎来V型知识库,这是一个sha256测试:"+CryptoJS.SHA256("你好,欢迎来到V型知识库,这是一个SHA256测试"));
	    alert("你好,欢迎来V型知识库,这是一个sha384测试:"+CryptoJS.SHA384("你好,欢迎来到V型知识库,这是一个SHA384测试"));
		 alert("你好,欢迎来V型知识库,这是一个sha512测试:"+CryptoJS.SHA512("你好,欢迎来到V型知识库,这是一个SHA512测试"));

</script>


3、预览效果

用浏览器打开sha.html页面

如上图,加密串已经弹出来了。


4、sha.html源码

<!DOCTYPE html>
<head>
       <meta charset="utf-8">
   </head>
   <body >
       
       <!-- V型知识库原创 www.vxzsk.com -->
        
       <script type="text/javascript" src="core.js"></script>

      <script type="text/javascript" src="sha1.js"></script>
	  <script type="text/javascript" src="sha3.js"></script>
	  <script type="text/javascript" src="sha224.js"></script>
	  <script type="text/javascript" src="sha256.js"></script>
	  <script type="text/javascript" src="sha384.js"></script>
	  	  <script type="text/javascript" src="sha512.js"></script>





      <script type="text/javascript">
    alert("你好,欢迎来V型知识库,这是一个sha1测试:"+CryptoJS.SHA1("你好,欢迎来到V型知识库,这是一个SHA1测试"));
	 alert("你好,欢迎来V型知识库,这是一个sha3测试:"+CryptoJS.SHA3("你好,欢迎来到V型知识库,这是一个SHA3测试"));
	  alert("你好,欢迎来V型知识库,这是一个sha224测试:"+CryptoJS.SHA224("你好,欢迎来到V型知识库,这是一个SHA224测试"));
	   alert("你好,欢迎来V型知识库,这是一个sha256测试:"+CryptoJS.SHA256("你好,欢迎来到V型知识库,这是一个SHA256测试"));
	    alert("你好,欢迎来V型知识库,这是一个sha384测试:"+CryptoJS.SHA384("你好,欢迎来到V型知识库,这是一个SHA384测试"));
		 alert("你好,欢迎来V型知识库,这是一个sha512测试:"+CryptoJS.SHA512("你好,欢迎来到V型知识库,这是一个SHA512测试"));

   

</script>
       
   </body>
</html>


此文章本站原创,地址 https://www.vxzsk.com/1897.html   转载请注明出处!谢谢!

感觉本站内容不错,读后有收获?小额赞助,鼓励网站分享出更好的教程