PHP+Vue实现前后端加密的轻量级方案分享

来源：这里教程网时间：2026-02-15 09:18:56 作者：

我的解决方式

于是，我就写了一个前后端配套的小工具：

前端：Vue 环境下的 npm 包后端：PHP Composer 库

核心思路是：

前端自动加密请求体后端自动解密请求体开发者几乎不需要关心加解密细节，就像在用普通的请求一样内置 AES-128-CBC 加密、签名机制、防重放攻击允许一定的时间误差，避免前后端时钟不一致

用起来的样子

前端示例：

通过 npm install hejunjie-encrypted-request 引用

import { encryptRequest, EncryptOptions } from "hejunjie-encrypted-request";

const options: EncryptOptions = {
  appKey: "your-app-key", // 签名密钥，用于接口签名校验（32位字母或数字）
  aesKey: "your-aes-key", // AES 加密的密钥（16位）
  aesIv: "your-aes-iv", // AES 加密的初始化向量（16位）
  token: "optional-token", // 可选的认证令牌，PHP 端可用于用户验证
};
// 请求数据
const data = { name: "张三" };
// 生成密文
const encrypted = encryptRequest(data, options);
// 发送请求
request.post("/api/user/info", encrypted)
  .then(res => console.log(res));

后端示例：

通过 composer require hejunjie/encrypted-request 引用

use Hejunjie\EncryptedRequest\EncryptedRequestHandler;

$param = $_POST; // 自行获取前端请求的参数

$handler = new EncryptedRequestHandler();
try {
    $data = $handler->handle(
        $param['en_data'] ?? '',
        $param['timestamp'] ?? '',
        $param['sign'] ?? ''
    );
} catch (\Hejunjie\EncryptedRequest\Exceptions\SignatureException $e) {
    echo "签名错误: " . $e->getMessage();
} catch (\Hejunjie\EncryptedRequest\Exceptions\TimestampException $e) {
    echo "时间戳错误: " . $e->getMessage();
} catch (\Hejunjie\EncryptedRequest\Exceptions\DecryptionException $e) {
    echo "解密错误: " . $e->getMessage();
}

print_r($data); // ['name' => '张三']

整体就是“即插即用”，加密解密几乎是无感的。