ホームページ > 記事 > ウェブフロントエンド > CryptoJSの簡単な使い方

CryptoJSの簡単な使い方

一个新手オリジナル: 2017-09-25 10:21:157456ブラウズ

CryptoJS (crypto.js) は、JavaScript 用のさまざまな暗号化アルゴリズムを提供します。現在サポートされているアルゴリズムは次のとおりです: MD5SHA-1SHA-256AESRabbitMARC4HMACHMAC-MD5HMAC-SHA

特定のダウンロードアドレス: クリックしてダウンロード

主にコンポーネントとロールアップの 2 つのフォルダーがあります

1 つ目はコンポーネント、2 つ目は概要です。

概要フォルダー内のファイルは、1 つ以上のフォルダーを組み立てた後に圧縮されます。

これにより、依存関係を気にすることなく、個別のフォルダーをプロジェクトファイルに集約できます。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>CryptoJS</title>
    <script src="js/CryptoJS%20v3.1.2/components/core.js"></script>
    <script src="js/CryptoJS%20v3.1.2/components/md5.js"></script>
    <script src="js/CryptoJS%20v3.1.2/components/evpkdf.js"></script>
    <script src="js/CryptoJS%20v3.1.2/components/enc-base64.js"></script>
    <script src="js/CryptoJS%20v3.1.2/components/cipher-core.js"></script>
    <script src="js/CryptoJS%20v3.1.2/components/aes.js"></script>
    <script src="js/CryptoJS%20v3.1.2/components/hmac.js"></script>
    <script src="js/CryptoJS%20v3.1.2/components/sha1.js"></script>
    <script src="js/CryptoJS%20v3.1.2/components/sha256.js"></script>
</head>
<body>
<p id="content"></p>
    <script>
        var md5 = CryptoJS.MD5("Message").toString(CryptoJS.enc.Hex);
        console.log("md5 = %s", md5);

        var sHA1 = CryptoJS.SHA1("Message").toString(CryptoJS.enc.Hex);
        console.log("sHA1 = %s", sHA1);

        var sHA256 = CryptoJS.SHA256("Message").toString(CryptoJS.enc.Hex);
        console.log("sHA256 = %s", sHA256);

        var hmacMD5 = CryptoJS.HmacMD5("Message", "Secret Passphrase").toString(CryptoJS.enc.Hex);
        console.log("hmacMD5 = %s", hmacMD5);

        var hmacSHA1 = CryptoJS.HmacSHA1("Message", "Secret Passphrase").toString(CryptoJS.enc.Hex);
        console.log("hmacSHA1 = %s", hmacSHA1);

        var aesEncrypt = CryptoJS.AES.encrypt("Message", "Secret Passphrase");
        console.log("aesEncrypt = %s", aesEncrypt.iv.toString(CryptoJS.enc.Hex));

        var aesDecrypt = CryptoJS.AES.decrypt(aesEncrypt, "Secret Passphrase");
        console.log("aesDecrypt = %s", aesDecrypt.toString(CryptoJS.enc.Utf8));

        // base64 encrypt
        var rawStr = "hello world!";
        var wordArray = CryptoJS.enc.Utf8.parse(rawStr);
        var base64 = CryptoJS.enc.Base64.stringify(wordArray);
        console.log(&#39;base64Encrypt = &#39;, base64);

        // base64 decrypt
        var parsedWordArray = CryptoJS.enc.Base64.parse(base64);
        var parsedStr = parsedWordArray.toString(CryptoJS.enc.Utf8);
        console.log(&#39;base64Decrypt = &#39;,parsedStr);
    </script>
</body>
</html>

フロントエンドは CryptoJS クラスライブラリを使用します。AES 暗号化がバックエンドに送信された後、バックエンドの復号化が失敗し、エラーが報告されます最終ブロックが適切に埋め込まれていない場合、いくつかの検索の後、最終的に解決！

バックグラウンドJavaはAES暗号化を使用し、初期化にAES/EBC/PKCS5Paddingを使用するため、

1、首先var key = CryptoJS.enc.Utf8.parse(key);  
2、由于后端用的PKCS5Padding，而CryptoJS类库类库中没有，但有PKCS7Padding，跟PKCS5Padding是一样的，所以加密时加上红色部分的参数即可：CryptoJS.AES.encrypt(text, key, {  
    mode: CryptoJS.mode.ECB,
    padding: CryptoJS.pad.Pkcs7
});

以上がCryptoJSの簡単な使い方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

前の記事：Jquery append メソッドの使用時の問題次の記事：Jquery append メソッドの使用時の問題

続きを見る