通过 Laravel 5.7 PHP 加密对象并通过 VueJS Javascript 解密

Question

我有一个 Laravel 5.7 应用程序，它加密一个对象并将加密的对象返回给我的 VueJS 应用程序。

请注意下面的代码是为了解释，我不是 但是，以这种方式使用，概念是。

路由触发的 Laravel 函数

public function license() {
  var data = [{id: 1}, {expiry_date: '2019-02-25T10:47:12+00:00'}];
  $encrypted = \Crypt::encrypt(JSON.stringify(data));
  return $encrypted;
}

Vue JS 检索对象的方法

checkLicense() {
      this.$http.get(LARAVEL_ROUTE).then(res => {
        var key = 'LARAVEL_APP_KEY'; // NOT REAL
        var bytes = CryptoJS.AES.decrypt(res.data, 'LARAVEL_APP_KEY');
        var plaintext = bytes.toString(CryptoJS.enc.Utf8);
      });
}

上面的结果如下：

未捕获（承诺）错误：格式错误的 UTF-8 数据

我尝试过的事情：

• 我检查了 LARAVEL_APP_KEY 并且我可以看到它带有前缀 使用 'base64:' 所以我尝试从我的 VueJS 方法中删除它 我在哪里声明了密钥，但这没有任何区别。

• 我还删除了该对象并尝试加密一个字符串 产生与上述相同的结果。

其他问题：

我还想用 LARAVEL_APP_KEY 以外的东西加密字符串/对象，因为我不想将该值存储在我的 VueJS 应用程序中。密钥不需要超级安全，但我宁愿不使用 LARAVEL_APP_KEY

Answer 1

根据我的经验，我建议如下。

首先，我不确定您为什么要在服务器上加密数据然后在客户端上解密。我能看到的唯一好处是防止 MITM 攻击，在这种情况下你应该使用 SSL。

其次，我相当确定加密密钥是前缀base64: 之后的base64 编码值。因此，您需要先删除它，然后在 VueJS 中对剩余的字符串进行 base64 编码，然后再尝试使用密钥解密。

在回答您关于使用 APP_KEY 以外的任何内容进行加密/解密的问题时，您不能拥有多个可以解密相同值的密钥。只有当您拥有正确的密钥时，密码才能发挥作用。

我真的不建议在客户端解密数据，任何人都可以获取您的加密密钥，如果其他地方存在漏洞并且能够访问您的数据库，他们可以解密他们喜欢的任何数据。

Answer 2

这是一个从 Laravel 加密并使用 vueJS 解密的示例

Laravel

use Illuminate\Support\Facades\Crypt;

public function encrypting(){

$string = 'This is example text';
$user = User::get();
// for simple string
$encrypted = Crypt::encryptString($string);
 
// for array , object
$encrypted2 = Crypt::encryptString(json_encode($user));

$response = [
    'user' => $user,
    'encrypted' => $encrypted,
    'encrypted2' => $encrypted2
];
}

动作前端服务器

npm install crypto-js

VueJS

关键是 .env (laravel) 中的 APP_KEY 但删除 'Base64' 文本：

import CryptoJS from "crypto-js";

   Decrypting() {
   axios.get('http://back.domain.com/encrypting').then(response => {
    this.user = response.data.user;
    this.stringEncrypte = response.data.encrypted;
    this.userEncrypte = response.data.encrypted2;
    
    var key = 'xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx='
    var encrypted_json = JSON.parse(atob(this.userEncrypte));
    var decrypted = CryptoJS.AES.decrypt(encrypted_json.value, CryptoJS.enc.Base64.parse(key), {
      iv: CryptoJS.enc.Base64.parse(encrypted_json.iv)
    });
    // Decrypt in string format
    this.stringDecrypted = decrypted.toString(CryptoJS.enc.Utf8);

    // Decrypt in Array, Object format
    this.userDecrypted = JSON.parse(decrypted.toString(CryptoJS.enc.Utf8));


  })
},