blocks|key|257462|text|​|type|unstyled|depth|inlineStyleRanges|entityRanges|data|257463|+var+encrypted+=+CryptoJS.AES.encrypt("Message",+"Secret+Passphrase");
//U2FsdGVkX18ZUVvShFSES21qHsQEqZXMxQ9zgHy%2Bbu0=

var+decrypted+=+CryptoJS.AES.decrypt(encrypted,+"Secret+Passphrase");
//4d657373616765


document.getElementById("demo1").innerHTML+=+encrypted;
document.getElementById("demo2").innerHTML+=+decrypted;
document.getElementById("demo3").innerHTML+=+decrypted.toString(CryptoJS.enc.Utf8);|code-block|syntax|javascript|257464|Full+working+sample+actually+is:

++++<script+src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/3.1.2/rollups/aes.js"+integrity="sha256-/H4YS%2B7aYb9kJ5OKhFYPUjSJdrtV6AeyJOtTkw6X72o="+crossorigin="anonymous"></script>

<br><br>
<label>encrypted</label>
<div+id="demo1"></div>
<br>

<label>decrypted</label>
<div+id="demo2"></div>

<br>
<label>Actual+Message</label>
<div+id="demo3"></div>|257465|257466|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|M|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|I|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|J|3|-4|5|6|7|P|8|@]|9|@]|A|$]]]|K|$]]

<p><div class="snippet" data-lang="js" data-hide="false" data-console="false" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code> var encrypted = CryptoJS.AES.encrypt("Message", "Secret Passphrase");
//U2FsdGVkX18ZUVvShFSES21qHsQEqZXMxQ9zgHy+bu0=

var decrypted = CryptoJS.AES.decrypt(encrypted, "Secret Passphrase");
//4d657373616765


document.getElementById("demo1").innerHTML = encrypted;
document.getElementById("demo2").innerHTML = decrypted;
document.getElementById("demo3").innerHTML = decrypted.toString(CryptoJS.enc.Utf8);</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>Full working sample actually is:

    &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/3.1.2/rollups/aes.js" integrity="sha256-/H4YS+7aYb9kJ5OKhFYPUjSJdrtV6AeyJOtTkw6X72o=" crossorigin="anonymous"&gt;&lt;/script&gt;

&lt;br&gt;&lt;br&gt;
&lt;label&gt;encrypted&lt;/label&gt;
&lt;div id="demo1"&gt;&lt;/div&gt;
&lt;br&gt;

&lt;label&gt;decrypted&lt;/label&gt;
&lt;div id="demo2"&gt;&lt;/div&gt;

&lt;br&gt;
&lt;label&gt;Actual Message&lt;/label&gt;
&lt;div id="demo3"&gt;&lt;/div&gt;</code></pre>
</div>
</div>
</p>


blocks|key|40740|text|不再支持CryptoJS。如果你想继续使用它，你可以切换到这个url：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|40741|<script+src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/3.1.2/rollups/aes.js"></script>|offset|length|style|CODE|40742|entityMap^0|0|0|2L|0^^$0|@$1|2|3|4|5|6|7|J|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|K|8|@$D|L|E|M|F|G]]|9|@]|A|$]]|$1|H|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|I|$]]

<p>CryptoJS is no longer supported. If you want to continue using it, you may switch to this url: </p>

<p><code>&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/3.1.2/rollups/aes.js"&gt;&lt;/script&gt;</code></p>


blocks|key|257547|text|现代浏览器现在支持crypto.subtle应用程序接口，它提供了本机加密和解密功能(异步也不例外！)使用以下方法之一:+AES-CBC、AES-CTR、AES-GCM或RSA-OAEP。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|257548|https://www.w3.org/TR/WebCryptoAPI/#dfn-Crypto|257549|entityMap|0|LINK|mutability|MUTABLE|url^0|9|D|0|0|1A|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|R|8|@]|D|@$9|S|A|T|1|U]]|E|$]]|$1|H|3|-4|5|6|7|V|8|@]|D|@]|E|$]]]|I|$J|$5|K|L|M|E|$N|G]]]]

<p>Modern browsers now support the <code>crypto.subtle</code> API, which provides native encryption and decryption functions (async no less!) using one of these method: AES-CBC, AES-CTR, AES-GCM, or RSA-OAEP.</p>

<p><a href="https://www.w3.org/TR/WebCryptoAPI/#dfn-Crypto" rel="noreferrer">https://www.w3.org/TR/WebCryptoAPI/#dfn-Crypto</a></p>


blocks|key|257606|text|我创建了一个不安全但简单的文本加密/解密实用程序。与任何外部库没有依赖关系。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|257607|以下是函数：|257608|​|257609|const+cipher+=+salt+=>+{
++++const+textToChars+=+text+=>+text.split('').map(c+=>+c.charCodeAt(0));
++++const+byteHex+=+n+=>+("0"+%2B+Number(n).toString(16)).substr(-2);
++++const+applySaltToChar+=+code+=>+textToChars(salt).reduce((a,b)+=>+a+%5E+b,+code);

++++return+text+=>+text.split('')
++++++.map(textToChars)
++++++.map(applySaltToChar)
++++++.map(byteHex)
++++++.join('');
}
++++
const+decipher+=+salt+=>+{
++++const+textToChars+=+text+=>+text.split('').map(c+=>+c.charCodeAt(0));
++++const+applySaltToChar+=+code+=>+textToChars(salt).reduce((a,b)+=>+a+%5E+b,+code);
++++return+encoded+=>+encoded.match(/.{1,2}/g)
++++++.map(hex+=>+parseInt(hex,+16))
++++++.map(applySaltToChar)
++++++.map(charCode+=>+String.fromCharCode(charCode))
++++++.join('');
}

//+To+create+a+cipher
const+myCipher+=+cipher('mySecretSalt')

//Then+cipher+any+text:
console.log(myCipher('the+secret+string'))

//To+decipher,+you+need+to+create+a+decipher+and+use+it:
const+myDecipher+=+decipher('mySecretSalt')
console.log(myDecipher("7c606d287b6d6b7a6d7c287b7c7a61666f"))|code-block|syntax|javascript|257610|257611|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|O|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|P|8|@]|9|@]|A|$]]|$1|F|3|G|5|H|7|Q|8|@]|9|@]|A|$I|J]]|$1|K|3|E|5|6|7|R|8|@]|9|@]|A|$]]|$1|L|3|-4|5|6|7|S|8|@]|9|@]|A|$]]]|M|$]]

<p>I created an insecure but simple text cipher/decipher utility. No dependencies with any external library.</p>
<p>These are the functions:</p>
<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>const cipher = salt =&gt; {
    const textToChars = text =&gt; text.split('').map(c =&gt; c.charCodeAt(0));
    const byteHex = n =&gt; ("0" + Number(n).toString(16)).substr(-2);
    const applySaltToChar = code =&gt; textToChars(salt).reduce((a,b) =&gt; a ^ b, code);

    return text =&gt; text.split('')
      .map(textToChars)
      .map(applySaltToChar)
      .map(byteHex)
      .join('');
}
    
const decipher = salt =&gt; {
    const textToChars = text =&gt; text.split('').map(c =&gt; c.charCodeAt(0));
    const applySaltToChar = code =&gt; textToChars(salt).reduce((a,b) =&gt; a ^ b, code);
    return encoded =&gt; encoded.match(/.{1,2}/g)
      .map(hex =&gt; parseInt(hex, 16))
      .map(applySaltToChar)
      .map(charCode =&gt; String.fromCharCode(charCode))
      .join('');
}

// To create a cipher
const myCipher = cipher('mySecretSalt')

//Then cipher any text:
console.log(myCipher('the secret string'))

//To decipher, you need to create a decipher and use it:
const myDecipher = decipher('mySecretSalt')
console.log(myDecipher("7c606d287b6d6b7a6d7c287b7c7a61666f"))</code></pre>
</div>
</div>
</p>


blocks|key|257630|text|简单的函数：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|257631|function Encrypt(value) 
{
++var+result="";
  for(i=0;i<value.length;i%2B%2B)
  {
++++if(i<value.length-1)
++++{
++++++++result%2B=value.charCodeAt(i)%2B10;
++++++++result%2B="-";
++++}
++++else
++++{
++++++++result%2B=value.charCodeAt(i)%2B10;
++++}
  }
  return result;
}

function Decrypt(value)
{
++var+result="";
++var+array+=+value.split("-");

  for(i=0;i<array.length;i%2B%2B)
  {
    result%2B=String.fromCharCode(array[i]-10);
  }
  return result;
}+|code-block|syntax|javascript|257632|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>Simple functions:</p>
<pre class="lang-js prettyprint-override"><code>function Encrypt(value) 
{
  var result=&quot;&quot;;
  for(i=0;i&lt;value.length;i++)
  {
    if(i&lt;value.length-1)
    {
        result+=value.charCodeAt(i)+10;
        result+=&quot;-&quot;;
    }
    else
    {
        result+=value.charCodeAt(i)+10;
    }
  }
  return result;
}

function Decrypt(value)
{
  var result=&quot;&quot;;
  var array = value.split(&quot;-&quot;);

  for(i=0;i&lt;array.length;i++)
  {
    result+=String.fromCharCode(array[i]-10);
  }
  return result;
} 
</code></pre>


blocks|key|40852|text|你可以使用这些函数，第一个函数很容易加密，所以你只需调用这个函数，发送你想要加密的文本，然后从encryptWithAES函数中获取结果，并将其发送到解密函数，如下所示：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|40853|const+CryptoJS+=+require("crypto-js");


+++//The+Function+Below+To+Encrypt+Text
+++const+encryptWithAES+=+(text)+=>+{
++++++const+passphrase+=+"My+Secret+Passphrase";
++++++return+CryptoJS.AES.encrypt(text,+passphrase).toString();
++++};
++++//The+Function+Below+To+Decrypt+Text
++++const+decryptWithAES+=+(ciphertext)+=>+{
++++++const+passphrase+=+"My+Secret+Passphrase";
++++++const+bytes+=+CryptoJS.AES.decrypt(ciphertext,+passphrase);
++++++const+originalText+=+bytes.toString(CryptoJS.enc.Utf8);
++++++return+originalText;
++++};

++let+encryptText+=+encryptWithAES("YAZAN");+
++//EncryptedText==>++//U2FsdGVkX19GgWeS66m0xxRUVxfpI60uVkWRedyU15I=+

++let+decryptText+=+decryptWithAES(encryptText);
++//decryptText==>++//YAZAN+|code-block|syntax|javascript|40854|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>you can use those function it's so easy the First one for encryption so you just call the function and send the text you wanna encrypt it and take the result from encryptWithAES function and send it to decrypt Function like this:</p>
<pre><code>const CryptoJS = require(&quot;crypto-js&quot;);


   //The Function Below To Encrypt Text
   const encryptWithAES = (text) =&gt; {
      const passphrase = &quot;My Secret Passphrase&quot;;
      return CryptoJS.AES.encrypt(text, passphrase).toString();
    };
    //The Function Below To Decrypt Text
    const decryptWithAES = (ciphertext) =&gt; {
      const passphrase = &quot;My Secret Passphrase&quot;;
      const bytes = CryptoJS.AES.decrypt(ciphertext, passphrase);
      const originalText = bytes.toString(CryptoJS.enc.Utf8);
      return originalText;
    };

  let encryptText = encryptWithAES(&quot;YAZAN&quot;); 
  //EncryptedText==&gt;  //U2FsdGVkX19GgWeS66m0xxRUVxfpI60uVkWRedyU15I= 

  let decryptText = decryptWithAES(encryptText);
  //decryptText==&gt;  //YAZAN 
</code></pre>


blocks|key|257670|text|crypt.subtle+AES-GCM，自包含，测试：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|257671|async+function+aesGcmEncrypt(plaintext,+password)

async+function+aesGcmDecrypt(ciphertext,+password)+|code-block|syntax|javascript|257672|https://gist.github.com/chrisveness/43bcda93af9f646d083fad678071b90a|offset|length|257673|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|0|1W|0|0^^$0|@$1|2|3|4|5|6|7|R|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|S|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|T|8|@]|9|@$I|U|J|V|1|W]]|A|$]]|$1|K|3|-4|5|6|7|X|8|@]|9|@]|A|$]]]|L|$M|$5|N|O|P|A|$Q|H]]]]

<p>crypt.subtle AES-GCM, self-contained, tested:</p>
<pre><code>async function aesGcmEncrypt(plaintext, password)

async function aesGcmDecrypt(ciphertext, password) 
</code></pre>
<p><a href="https://gist.github.com/chrisveness/43bcda93af9f646d083fad678071b90a" rel="noreferrer">https://gist.github.com/chrisveness/43bcda93af9f646d083fad678071b90a</a></p>


blocks|key|40942|text|这段代码基于@Jorgeblom上面的答案。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|40943|40944|@Jorgeblom我的朋友，这是很棒的小密码库：，我摸了一下，因为我不喜欢我必须分配盐，然后再调用它，但总的来说，我的需求是绝对完美的。|40945|const+crypt+=+(salt,+text)+=>+{
++const+textToChars+=+(text)+=>+text.split("").map((c)+=>+c.charCodeAt(0));
++const+byteHex+=+(n)+=>+("0"+%2B+Number(n).toString(16)).substr(-2);
++const+applySaltToChar+=+(code)+=>+textToChars(salt).reduce((a,+b)+=>+a+%5E+b,+code);

++return+text
++++.split("")
++++.map(textToChars)
++++.map(applySaltToChar)
++++.map(byteHex)
++++.join("");
};

const+decrypt+=+(salt,+encoded)+=>+{
++const+textToChars+=+(text)+=>+text.split("").map((c)+=>+c.charCodeAt(0));
++const+applySaltToChar+=+(code)+=>+textToChars(salt).reduce((a,+b)+=>+a+%5E+b,+code);
++return+encoded
++++.match(/.{1,2}/g)
++++.map((hex)+=>+parseInt(hex,+16))
++++.map(applySaltToChar)
++++.map((charCode)+=>+String.fromCharCode(charCode))
++++.join("");
};|code-block|syntax|javascript|40946|你用它|40947|//+encrypting
const+encrypted_text+=+crypt("salt",+"Hello");+//+->+426f666665

//+decrypting
const+decrypted_string+=+decrypt("salt",+"426f666665");+//+->+Hello|40948|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|C|3|D|5|6|7|R|8|@]|9|@]|A|$]]|$1|E|3|F|5|G|7|S|8|@]|9|@]|A|$H|I]]|$1|J|3|K|5|6|7|T|8|@]|9|@]|A|$]]|$1|L|3|M|5|G|7|U|8|@]|9|@]|A|$H|I]]|$1|N|3|-4|5|6|7|V|8|@]|9|@]|A|$]]]|O|$]]

<h2>This code is based on @Jorgeblom's answer above.</h2>
<hr />
<p>@Jorgeblom my man, that's fantastic small crypto lib :D
I touch it a bit because I didn't like that I have to assign the salt and to call it again but in general, for my needs is absolutely perfect.</p>
<pre><code>const crypt = (salt, text) =&gt; {
  const textToChars = (text) =&gt; text.split(&quot;&quot;).map((c) =&gt; c.charCodeAt(0));
  const byteHex = (n) =&gt; (&quot;0&quot; + Number(n).toString(16)).substr(-2);
  const applySaltToChar = (code) =&gt; textToChars(salt).reduce((a, b) =&gt; a ^ b, code);

  return text
    .split(&quot;&quot;)
    .map(textToChars)
    .map(applySaltToChar)
    .map(byteHex)
    .join(&quot;&quot;);
};

const decrypt = (salt, encoded) =&gt; {
  const textToChars = (text) =&gt; text.split(&quot;&quot;).map((c) =&gt; c.charCodeAt(0));
  const applySaltToChar = (code) =&gt; textToChars(salt).reduce((a, b) =&gt; a ^ b, code);
  return encoded
    .match(/.{1,2}/g)
    .map((hex) =&gt; parseInt(hex, 16))
    .map(applySaltToChar)
    .map((charCode) =&gt; String.fromCharCode(charCode))
    .join(&quot;&quot;);
};
</code></pre>
<p>And you use it</p>
<pre><code>// encrypting
const encrypted_text = crypt(&quot;salt&quot;, &quot;Hello&quot;); // -&gt; 426f666665

// decrypting
const decrypted_string = decrypt(&quot;salt&quot;, &quot;426f666665&quot;); // -&gt; Hello
</code></pre>


<p>I'm interested in building a small app for personal use that will encrypt and decrypt information on the client side using JavaScript.  The encrypted information will be stored in a database on a server, but never the decrypted version.</p>

<p>It doesn't have to be super duper secure, but I would like to use a currently unbroken algorithm.</p>

<p>Ideally I'd be able to do something like</p>

<pre><code>var gibberish = encrypt(string, salt, key);
</code></pre>

<p>to generate the encoded string, and something like</p>

<pre><code>var sensical = decrypt(gibberish, key);
</code></pre>

<p>to decode it later.</p>

<p>So far I've seen this:
<a href="http://bitwiseshiftleft.github.io/sjcl/" rel="noreferrer">http://bitwiseshiftleft.github.io/sjcl/</a></p>

<p>Any other libraries I should look at?</p>


JavaScript string encryption and decryption?

数据库

服务器

我对构建一个个人使用的小应用程序感兴趣，它将使用JavaScript加密和解密客户端的信息。加密的信息将存储在服务器上的数据库中，但不会存储解密的版本。它不一定是超级安全的，但我想使用目前未破解的算法。理想情况下，我可以做一些像这样的事情var gibberish = encrypt(string, salt, key...

问JavaScript字符串加密和解密？
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问JavaScript字符串加密和解密？EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问JavaScript字符串加密和解密？
EN