cryptoJS.AES.encrypt처럼 crypto.subtle.encrypt를 작동 시키려면

Question

나는 CryptoJS를 사용하여 구현 된 시스템을 작성했습니다.

내 코드를 작성한 후 브라우저에 내장 된 AES 구현 인 crypto.subtle.encrypt을 발견했습니다.

내 코드를 CryptoJs를 사용하지 않고 crypto.subtle.encrypt를 사용하여 바꾸고 싶습니다.

기존 방식으로 인코딩 된 데이터 (CryptoJS)는 새로운 방식 (crypto.subtle.encrypt)과 호환되어야합니다.

어떻게하면됩니까? 내 원래의 코드를 작성하면

는,이처럼 많이 보았다 :

function cryptojs_encrypt(message) { 
    var key = "my password"; 
    return CryptoJS.AES.encrypt(message, key).toString()); 
} 

에 전달 "키"단지 문자열입니다. 다른 stackoverflow 질문에서 읽을 수있게 된 CryptoJS는이 문자열을 "키"와 "iv"로 변환합니다. 이것이 정확히 어떻게 달성 되었습니까? CryptoJS 소스 코드를 살펴 보았지만 찾고 있던 것을 찾을 수 없었습니다.

subtle.crypt.encrypt가 작동하는 방식은 키와 iv를 명시 적으로 전달해야한다는 것입니다. 여기 내 코드 :

function subtle_encrypt(message) { 
    var msg = new TextEncoder().encode(message); 
    var pass = new TextEncoder().encode('my password'); 
    var alg = { name: 'AES-CBC', iv: pass }; 
    crypto.subtle.importKey('raw', pass, alg, false, ['encrypt']).then(function(key){ 
     crypto.subtle.encrypt(alg, key, msg).then(function(ctBuffer){ 
      var string = btoa(ctBuffer); 
      console.log("result", string); 
     }); 
    }); 
} 

이 작동하지만 다른 결과를 반환합니다. 문자열을 전달할 때 CryptoJS가 사용하는 것과 일치하는 alg에 나오는 인수를 수정해야합니다. 어떻게해야합니까?

Answer 1

나는 그것을하기위한 작은 라이브러리를 만들었습니다.

WebCrypto.js (축소판)을 문서에 삽입하십시오.

이처럼 사용

// Initialize the library 
initWebCrypto(); 

// Encrypt your stuff 
WebCrypto.encrypt({ 
    data: btoa("my message"), 
    password: "my password", 
    callback: function(response){ 
     if(!response.error){ 
      console.log(response.result); // Compatible with CryptoJS 
     }else{ 
      console.error(response.error); 
     } 
    } 
}); 

더 많은 예제 https://github.com/etienne-martin/WebCrypto.swift/blob/master/www/index.html를 참조하십시오.

소스 코드 :이 도움이 https://github.com/etienne-martin/WebCrypto.swift/blob/master/source.js

희망!