>  기사  >  웹 프론트엔드  >  JavaScript 암호화 방법이란 무엇입니까?

JavaScript 암호화 방법이란 무엇입니까?

青灯夜游
青灯夜游원래의
2021-04-25 18:35:037416검색

암호화 방법은 다음과 같습니다. 1. "window.btoa(value)" 문을 사용하여 암호화합니다. 2. hex_md5(), b64_md5(), str_md5() 및 기타 함수를 사용하여 암호화합니다. 4. 암호화를 위해 escape() 함수를 사용하십시오. 5. AES 암호화를 사용하십시오.

JavaScript 암호화 방법이란 무엇입니까?

이 튜토리얼의 운영 환경: Windows 7 시스템, JavaScript 버전 1.8.5, Dell G3 컴퓨터.

1. Base64 암호화

<html>
    <head>
        <title>前端的base64使用方法</title>
    </head>
    <body>
    </body>
<script>
var str = "hello";
var str64 = window.btoa("hello");
console.log("字符串是:"+str);
console.log("经base64编码后:"+str64);
console.log("base64解码后:"+window.atob(str64));
</script>
</html>

2. MD5 암호화(되돌릴 수 없음)

MD5 정보:
MD5.js는 프런트 엔드 JS 암호화 처리 도구를 통해 사용자 정보, 비밀번호 및 기타 개인 정보를 암호화합니다. 플러그인이라고도 합니다.

MD5에는 6가지 암호화 방법이 있습니다:
1, hex_md5(값)
2, b64_md5(값)
3, str_md5(값)
4, hex_hmac_md5(키, 데이터)
5, b64_hmac_md5(키, 데이터)
6, str_hmac_md5(키, 데이터)

md5 코드 다운로드 주소 - 다운로드하려면 여기를 클릭하세요

다운로드 후 스크립트 태그를 사용하여 도입 및 사용

<script src="md5/md5.js"></script>"></script>
    <script>
        var code = "123456";
        var username = "123456";
        var password = "123456";
        var str1 = hex_md5("123456");
        var str2 = b64_md5("123456");
        var str3 = str_md5("123456");
        var str4 = hex_hmac_md5(code,code);
        var str5 = b64_hmac_md5(username,username);
        var str6 = str_hmac_md5(password,password);
        console.log(str1);            // e10adc3949ba59abbe56e057f20f883e
        console.log(str2);            // 4QrcOUm6Wau+VuBX8g+IPg
        console.log(str3);            // áÜ9IºY«¾VàWò��>
        console.log(str4);            // 30ce71a73bdd908c3955a90e8f7429ef
        console.log(str5);            // MM5xpzvdkIw5VakOj3Qp7w
        console.log(str6);            // 0Îq§;Ý��9U©��t)ï
</script>

Three, sha1 암호화(되돌릴 수 없음)

sha1.js를 찾을 수 없습니다. 여기서 주소를 다운로드하고 bootcdn에서 온라인 파일을 찾아 가져옵니다. 필요하면 bootcdn에서 직접 다운로드할 수 있습니다

<script src="https://cdn.bootcss.com/js-sha1/0.6.0/sha1.js"></script>
<script type="text/javascript">
        var sha1_1 = sha1("mosquito~");
        console.log(sha1_1);
        var sha1_2 = sha1("admin:1001");
        console.log(sha1_2);
</script>

4. 문자열 인코딩 및 디코딩

JS 함수인 escape() 및 unescape()를 사용하세요. 문자열

<script type="text/javascript">
      var escape1 =escape("我的名字是:mosquito~");//编码
      console.log(escape1);
      var unescape1 = unescape(escape1); //解码
      console.log(unescape1);
</script>

5. AES/DES 암호화 및 복호화

crypto-js.js 다운로드 소개 URL은 다운로드 클릭

var aseKey = "12345678"     //秘钥必须为:8/16/32位
var message = "80018000142";
//加密
var encrypt = CryptoJS.AES.encrypt(message, CryptoJS.enc.Utf8.parse(aseKey), {
  mode: CryptoJS.mode.ECB,
  padding: CryptoJS.pad.Pkcs7
}).toString();
console.log(encrypt);    //VKrZlqykem73x8/T2oCfCQ==

//解密
var decrypt = CryptoJS.AES.decrypt(encrypt, CryptoJS.enc.Utf8.parse(aseKey), {
  mode: CryptoJS.mode.ECB,
  padding: CryptoJS.pad.Pkcs7
}).toString(CryptoJS.enc.Utf8);
console.log(decrypt);    //80018000142

[참고]: 암호화 시 문자열로 변환해야 합니다. 그리고 toString을 사용했습니다. 복호화 시 반드시 utf8 형식을 사용해야 합니다

Others

RSA 암호화

[추천 학습: javascript 고급 튜토리얼]

위 내용은 JavaScript 암호화 방법이란 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.