Skip to content

Instantly share code, notes, and snippets.

@raksa

raksa/php7<->CryptoJS.php

Created September 25, 2018 09:29
Show Gist options
  • Save raksa/8e09e56f50abb325a45586bac82dd1b5 to your computer and use it in GitHub Desktop.
Save raksa/8e09e56f50abb325a45586bac82dd1b5 to your computer and use it in GitHub Desktop.
Download ZIP
encrypt and decrypt by PHP7, encrypt and decrypt by JS
Raw
php7<->CryptoJS.php
<?php
const SALT = 'salt';
const IV = '1111111111111111';
const ITERATIONS = 999;
function userPHPEncrypt($passphrase, $plainText)
{
$key = \hash_pbkdf2("sha256", $passphrase, SALT, ITERATIONS, 64);
$encryptedData = \openssl_encrypt($plainText, 'AES-256-CBC', \hex2bin($key), OPENSSL_RAW_DATA, IV);
return \base64_encode($encryptedData);
}
function userPHPDecrypt($passphrase, $encryptedTextBase64)
{
$encryptedText = \base64_decode($encryptedTextBase64);
$key = \hash_pbkdf2("sha256", $passphrase, SALT, ITERATIONS, 64);
$decryptedText = \openssl_decrypt($encryptedText, 'AES-256-CBC', \hex2bin($key), OPENSSL_RAW_DATA, IV);
return $decryptedText;
}
$passPhrase = "your passphrase";
$plainText = "your plain text";
$phpEncryptedText = userPHPEncrypt($passPhrase, $plainText);
?>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Cipher</title>
<!-- https://github.com/brix/crypto-js -->
<script src="/bower_components/crypto-js/crypto-js.js"></script>
</head>
<body>
<h3>PHP</h3>
<div>PlainText : <?php echo $plainText ?></div>
<div>EncryptedText : <?php echo $phpEncryptedText ?></div>
<div>DecryptedText : <?php echo userPHPDecrypt($passPhrase, $phpEncryptedText) ?></div>
<br>
<h3>JS</h3>
<div id="crypto-js"></div>
<br>
<h3>Form JS</h3>
<div>
<form method="POST">
<label for="input-passphrase">Passphrase : </label>
<input type="text" name="passphrase" id="input-passphrase" style="width:300px;">
<br>
<label for="input-encrypted">Encrypted : </label>
<input type="text" name="encrypted" id="input-encrypted" style="width:300px;">
<br>
<span id="form-decrypted-text"></span>
<br>
<button type="submit">Submit</button>
</form>
<div>
<?php
if (!empty($_POST) && isset($_POST["passphrase"]) && isset($_POST["encrypted"])) {
echo 'PHP Decode :';
echo userPHPDecrypt($_POST["passphrase"], $_POST["encrypted"]);
}
?>
</div>
</div>
<script type="text/javascript">
var plainText = '<?php echo $plainText ?>';
var salt = '<?php echo SALT ?>';
var iv = '<?php echo IV ?>';
var iterations = '<?php echo ITERATIONS ?>';
var passphrase = '<?php echo $passPhrase ?>';
function getKey(passphrase, salt){
var key = CryptoJS.PBKDF2(passphrase, salt, {
hasher: CryptoJS.algo.SHA256,
keySize: 64 / 8,
iterations: iterations
});
return key;
}
function userJSEncrypt(passphrase, plainText){
var key = getKey(passphrase, salt);
var encrypted = CryptoJS.AES.encrypt(plainText, key, {
iv: CryptoJS.enc.Utf8.parse(iv)
});
return encrypted.ciphertext.toString(CryptoJS.enc.Base64);
}
function userJSDecrypt(passphrase, encryptedText){
var key = getKey(passphrase, salt);
var decrypted = CryptoJS.AES.decrypt(encryptedText, key, {
iv: CryptoJS.enc.Utf8.parse(iv)
});
return decrypted.toString(CryptoJS.enc.Utf8);
}
var div = document.createElement('div');
div.innerText = userJSDecrypt(passphrase, plainText);
document.getElementById('crypto-js').appendChild(div);
document.getElementById('input-passphrase').value = passphrase;
document.getElementById('input-encrypted').value = userJSEncrypt(passphrase, plainText);
document.getElementById('form-decrypted-text').innerText = userJSDecrypt(passphrase, document.getElementById('input-encrypted').value);
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment