如何将HTML转PDF文件上传至Node.js服务器并同步到Amazon S3？

针对你的需求，我们可以把整个流程拆成前端数据传输、Node.js服务器接收处理、Amazon S3上传三个核心环节，结合你提供的伪代码一步步落地：

一、前端调整：把PDF原始数据发送到Node.js服务器 #

你的convertDataToPdf函数已经能生成PDF原始数据了，现在只需要在非本地导出的分支里，把这份数据通过HTTP请求传给后端。这里用原生fetch做示例：

const convertDataToPdf = (exportFlag, cb) => { 
  const doc = new jsPDF(); 
  // ... 保留你添加元数据和PDF样式的代码

  if (exportFlag) { 
    doc.save('sample.pdf'); // 本地导出PDF
  } else { 
    // 调用回调时，触发上传服务器的逻辑
    sendPdfToServer(doc.output());
  } 
};

// 新增：发送PDF到后端的工具函数
const sendPdfToServer = async (pdfRawData) => {
  try {
    const response = await fetch('/api/upload-pdf', {
      method: 'POST',
      headers: {
        'Content-Type': 'application/pdf', // 明确告诉后端内容是PDF
      },
      body: pdfRawData, // 直接把PDF二进制原始数据作为请求体
    });

    if (response.ok) {
      const result = await response.json();
      console.log('PDF成功上传到S3:', result.s3Url);
    } else {
      console.error('上传失败:', await response.text());
    }
  } catch (error) {
    console.error('请求出错:', error);
  }
};

二、Node.js服务器：接收PDF并上传到S3 #

首先安装必要的依赖：

npm install express @aws-sdk/client-s3 dotenv

1. 基础配置与初始化 #

创建server.js文件，先完成基础的环境配置和客户端初始化：

require('dotenv').config();
const express = require('express');
const { S3Client, PutObjectCommand } = require('@aws-sdk/client-s3');

const app = express();
// 初始化S3客户端（从环境变量读取密钥和区域）
const s3Client = new S3Client({
  region: process.env.AWS_REGION,
  credentials: {
    accessKeyId: process.env.AWS_ACCESS_KEY_ID,
    secretAccessKey: process.env.AWS_SECRET_ACCESS_KEY,
  },
});

// 配置express接收PDF二进制数据，限制文件大小（可根据需求调整）
app.use(express.raw({ type: 'application/pdf', limit: '10mb' }));

2. 编写上传接口 #

添加接收PDF并转存S3的接口逻辑：

app.post('/api/upload-pdf', async (req, res) => {
  try {
    // 准备S3上传参数
    const uploadParams = {
      Bucket: process.env.AWS_S3_BUCKET_NAME, // 你的S3桶名称
      Key: `uploads/${Date.now()}-sample.pdf`, // 用时间戳保证文件名唯一，避免覆盖
      Body: req.body, // 前端传来的PDF二进制数据
      ContentType: 'application/pdf',
      // 可选：如果需要公开访问该PDF，添加以下配置
      // ACL: 'public-read'
    };

    // 执行上传到S3的操作
    const command = new PutObjectCommand(uploadParams);
    await s3Client.send(command);

    // 生成S3文件的访问URL（如果设置了公开读）
    const s3Url = `https://${process.env.AWS_S3_BUCKET_NAME}.s3.${process.env.AWS_REGION}.amazonaws.com/${uploadParams.Key}`;

    // 返回成功结果给前端
    res.status(200).json({ success: true, s3Url });
  } catch (error) {
    console.error('上传S3出错:', error);
    res.status(500).json({ success: false, message: 'PDF上传失败' });
  }
});

// 启动服务器
const PORT = process.env.PORT || 3000;
app.listen(PORT, () => {
  console.log(`服务器运行在端口 ${PORT}`);
});

3. 环境变量配置（.env文件） #

在项目根目录创建.env文件，填入你的AWS配置信息：

AWS_ACCESS_KEY_ID=你的AWS访问密钥ID
AWS_SECRET_ACCESS_KEY=你的AWS秘密访问密钥
AWS_REGION=你的S3区域（比如us-east-1）
AWS_S3_BUCKET_NAME=你的S3桶名称
PORT=3000

三、关键注意事项 #

• AWS权限配置：确保你的AWS密钥拥有S3:PutObject权限，同时S3桶的访问策略允许该用户上传文件。
• 文件大小限制：前端和后端都要设置合理的PDF大小阈值，避免过大文件导致请求超时或失败。
• 错误处理：示例中加入了基础的错误捕获，生产环境可以根据需求完善错误日志和用户友好提示。
• 文件名唯一性：用时间戳+随机字符串命名S3文件，能有效避免覆盖已有资源。

内容的提问来源于stack exchange，提问作者coderunderatree