数据加密传递的利刃—— Node.js Crypto 模块

2023-09-05 07:11:06

Node.js Crypto 模块简介

Node.js Crypto 模块是构建安全 Web 应用的利器。它提供了一系列功能强大的加密算法和工具，可帮助您保护数据免遭未授权访问。使用 Crypto 模块，您可以轻松实现数据加密、解密、散列和签名等操作。

在项目中使用 Crypto 模块

为了演示 Crypto 模块的使用，我们创建一个简单的 Web 应用。该应用使用 Express 作为后端框架，Vite 和 Vue.js 搭建前端。

后端（Express）

在后端，我们将使用 Crypto 模块加密和解密数据。首先，安装 Crypto 模块：

npm install crypto

然后，在 Express 路由中使用 Crypto 模块：

const crypto = require('crypto');

const express = require('express');
const app = express();

app.get('/encrypt', (req, res) => {
  const data = req.query.data;
  const key = 'my-secret-key';

  const cipher = crypto.createCipher('aes-256-cbc', key);
  const encryptedData = cipher.update(data, 'utf8', 'base64');
  encryptedData += cipher.final('base64');

  res.json({ encryptedData });
});

app.get('/decrypt', (req, res) => {
  const encryptedData = req.query.encryptedData;
  const key = 'my-secret-key';

  const decipher = crypto.createDecipher('aes-256-cbc', key);
  const decryptedData = decipher.update(encryptedData, 'base64', 'utf8');
  decryptedData += decipher.final('utf8');

  res.json({ decryptedData });
});

app.listen(3000);

前端（Vite + Vue.js）

在前端，我们将使用 Vue.js 发送加密请求并接收解密响应。首先，安装 Vite 和 Vue.js：

npm install vite vue

然后，创建一个 Vue.js 组件：

<template>
  <div>
    <input v-model="data" placeholder="Enter data to encrypt" />
    <button @click="encrypt">Encrypt</button>
    <div v-if="encryptedData">{{ encryptedData }}</div>
  </div>
</template>

<script>
import { ref } from 'vue';
import axios from 'axios';

export default {
  setup() {
    const data = ref('');
    const encryptedData = ref('');

    const encrypt = () => {
      axios.get('/encrypt', { params: { data: data.value } })
        .then(response => {
          encryptedData.value = response.data.encryptedData;
        });
    };

    return { data, encryptedData, encrypt };
  }
};
</script>