☰
PHP+Vue实现前后端加密的轻量级方案分享
2026/9/28 12:46:10 网站建设 项目流程

在做项目的时候,我遇到一个需求:前后端需要传输一些敏感数据。

虽然 HTTPS 已经可以保证传输安全,但在某些场景下,我还是希望能再加一层保护:

  • 防止接口被随便模拟调用
  • 就算数据被截获,也看不懂里面的内容
  • 就算用劫持的数据请求,也不进行响应

我最开始也去找过现成的方案,确实有一些成熟的实现。

但问题是——它们的功能太多、体系太重,而我的需求其实很单纯,只需要“在请求上套一层加解密”。

所以与其硬拗那些复杂的框架,不如自己写一个更轻量的版本。

我的解决方式

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

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

核心思路是:

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

用起来的样子

前端示例:

通过npm install hejunjie-encrypted-request引用

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

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引用

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

useHejunjie\EncryptedRequest\EncryptedRequestHandler;

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

$handler=newEncryptedRequestHandler();

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' => '张三']

复制讲解

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

意义在哪里

这个方案不是什么替代 HTTPS 的黑科技,它更像是一个“小插件”:

  • HTTPS 解决传输安全
  • 我这套方案解决“再多一层壳”的需求

适合那些对安全性有点额外要求,但又不想引入复杂框架的项目。

需要专业的网站建设服务?

联系我们获取免费的网站建设咨询和方案报价,让我们帮助您实现业务目标

立即咨询