NestJS - 如何将图像上传到 aws s3

如何使用NestJS将图像上传到AWS S3

在现代的Web应用程序中，图像上传是一个常见的需求。本教程将向您展示如何使用NestJS将图像上传到AWS S3存储服务。AWS S3是一个可扩展的对象存储服务，它可以存储和检索任意数量的数据。

在本教程中，我们将使用NestJS框架来构建后端API，并使用Multer中间件来处理图像上传。同时，我们将使用aws-sdk包来与AWS S3进行通信。

步骤1：设置AWS S3存储桶

首先，您需要在AWS S3中创建一个存储桶。打开AWS管理控制台，并导航到S3服务。点击“创建存储桶”，然后按照提示填写必要的信息，如存储桶名称、区域等。

完成存储桶创建后，您将获得一个访问密钥ID和秘密访问密钥。请记住这些凭据，因为我们将在后面的步骤中使用它们。

步骤2：初始化NestJS项目

在继续之前，确保您已经安装了Node.js和NPM。然后，打开终端并运行以下命令来全局安装NestJS CLI：

npm install -g @nestjs/cli

安装完成后，我们可以使用以下命令来创建一个新的NestJS项目：

nest new image-upload

进入项目目录：

cd image-upload

步骤3：安装必要的依赖

我们需要安装Multer和aws-sdk这两个包来处理图像上传和与AWS S3进行通信。运行以下命令来安装这些依赖：

npm install multer aws-sdk

安装完成后，我们可以开始编写代码。

步骤4：配置AWS S3凭证

在项目根目录下创建一个名为`.env`的文件，并添加以下内容：


AWS_ACCESS_KEY_ID=your_access_key_id
AWS_SECRET_ACCESS_KEY=your_secret_access_key
AWS_BUCKET_NAME=your_bucket_name

请将`your_access_key_id`、`your_secret_access_key`和`your_bucket_name`替换为您在步骤1中获得的凭证和存储桶名称。

接下来，我们需要在项目的根目录下创建一个名为`aws.config.js`的文件，并添加以下内容：

javascript
const AWS = require('aws-sdk');
AWS.config.update({
  accessKeyId: process.env.AWS_ACCESS_KEY_ID,
  secretAccessKey: process.env.AWS_SECRET_ACCESS_KEY,
});
const s3 = new AWS.S3();
module.exports = s3;

这将创建一个AWS S3实例，并将其导出以供后面使用。

步骤5：创建图像上传模块

在NestJS中，我们使用模块来组织应用程序的不同部分。我们将创建一个名为`upload`的模块来处理图像上传。

首先，我们需要在项目的根目录下创建一个名为`upload`的文件夹。然后，在`upload`文件夹中创建一个名为`upload.module.ts`的文件，并添加以下内容：

typescript
import { Module } from '@nestjs/common';
import { MulterModule } from '@nestjs/platform-express';
import { UploadController } from './upload.controller';
import { UploadService } from './upload.service';
@Module({
  imports: [
    MulterModule.register({
      dest: './uploads',
    }),
  ],
  controllers: [UploadController],
  providers: [UploadService],
})
export class UploadModule {}

这将创建一个包含Multer模块的NestJS模块，并将其导出以供其他地方使用。

步骤6：创建图像上传服务

接下来，我们将创建一个名为`upload.service.ts`的文件，并添加以下内容：

typescript
import { Injectable } from '@nestjs/common';
import { S3 } from 'aws-sdk';
import { v4 as uuidv4 } from 'uuid';
@Injectable()
export class UploadService {
  async uploadImage(file: Express.Multer.File): Promise {
    const s3 = require('../../aws.config');
    const key = `${uuidv4()}_${file.originalname}`;
    const params: S3.Types.PutObjectRequest = {
      Bucket: process.env.AWS_BUCKET_NAME,
      Key: key,
      Body: file.buffer,
      ACL: 'public-read',
    };
    await s3.upload(params).promise();
    return key;
  }
}

这将创建一个名为`UploadService`的NestJS服务，并包含一个名为`uploadImage`的方法来处理图像上传。在该方法中，我们首先加载AWS S3实例，然后生成一个唯一的键，将图像文件上传到AWS S3，并返回生成的键。

步骤7：创建图像上传控制器

最后，我们将创建一个名为`upload.controller.ts`的文件，并添加以下内容：

typescript
import { Controller, Post, UploadedFile, UseInterceptors } from '@nestjs/common';
import { FileInterceptor } from '@nestjs/platform-express';
import { UploadService } from './upload.service';
@Controller('upload')
export class UploadController {
  constructor(private readonly uploadService: UploadService) {}
  @Post()
  @UseInterceptors(FileInterceptor('image'))
  async uploadImage(@UploadedFile() file: Express.Multer.File): Promise<{ imageUrl: string }> {
    const imageUrl = await this.uploadService.uploadImage(file);
    return { imageUrl };
  }
}

这将创建一个名为`UploadController`的NestJS控制器，并包含一个名为`uploadImage`的方法来处理POST请求。在该方法中，我们使用`FileInterceptor`中间件来处理图像上传，并调用`UploadService`中的`uploadImage`方法来上传图像。

步骤8：启动应用程序

现在，我们的NestJS应用程序已经准备就绪。在终端中，运行以下命令来启动应用程序：

npm run start

访问`http://localhost:3000/upload`，您将看到一个上传图像的界面。选择一个图像文件并上传，应用程序将将图像上传到AWS S3，并返回图像的URL。

通过本教程，您学会了如何使用NestJS将图像上传到AWS S3。首先，我们设置了AWS S3存储桶，并获得了必要的凭证。然后，我们使用NestJS框架和Multer中间件构建了一个后端API，用于处理图像上传。最后，我们使用aws-sdk包与AWS S3进行通信，并将图像上传到存储桶。

这个例子只是一个简单的演示，您可以根据实际需求进行修改和扩展。希望这个教程对您有所帮助！

上一篇：NestJS - 如何使用 @Body() 装饰器访问帖子正文下一篇：NestJS - 无法将服务注入订阅者

=

NestJS NATS 请求-响应: 　　　　使用 NestJS 框架与 NATS（可扩展消息传递系统）进行请求-响应通信是一种强大而灵活的方式。NestJS 提供了一个简单且易于使用的方法，使开发人员能够轻松地实现分布式系统。...... ...
NestJS EntityMetadataNotFoundError：找不到“存储库”的元数据: 　　　　NestJS EntityMetadataNotFoundError: 找不到"存储库"的元数据在使用NestJS开发应用程序时，我们经常会遇到各种错误和异常。其中一个常见的错误是EntityMetadataNotFoundEr...... ...
NestJS DTO 类设置类验证器和类转换器执行顺序: 　　　　NestJS是一个用于构建高效、可扩展的Node.js服务器端应用程序的框架。在开发过程中，我们经常需要对传入的数据进行验证和转换，以确保数据的完整性和准确性。为了实现这一目...... ...
NestJs CQRS - 与现有 TypeORM 实体的聚合设置: 　　　　使用 NestJs CQRS 与现有 TypeORM 实体的聚合设置在开发现代应用程序时，使用 CQRS (Command Query Responsibility Segregation) 架构模式可以带来许多好处。它可以将命令和...... ...
NestJS api 中请求正文中的布尔参数始终为 true: 　　　　NestJS API中请求正文中的布尔参数始终为trueNestJS是一个用于构建高效、可扩展的Node.js服务器端应用程序的框架。在开发API时，我们经常需要从客户端发送的请求中提取参数...... ...
NestJS - 预期未定义为 GraphQL 架构: 　　　　NestJS - 预期未定义为 GraphQL 架构NestJS 是一个基于 TypeScript 的开发框架，它提供了一种高效、可扩展的方式来构建后端应用程序。在过去的几年中，GraphQL 已经变得非常...... ...
NestJS - 测试套件运行失败无法从“commentcomment.entity.ts”中找到模块“srcarticlearticle.entity”: 　　　　使用NestJS编写Web应用程序时，我们经常需要进行测试以确保代码的正确性和可靠性。然而，有时在运行测试套件时可能会遇到一些问题，比如无法找到特定的模块。在本文中，我们...... ...
NestJS - 无法将服务注入订阅者: 　　　　使用NestJS进行开发时，我们经常需要将服务注入到订阅者中。然而，有时候我们会遇到无法将服务正确注入的问题。本文将探讨这个问题，并提供解决方案。问题描述在使用NestJS...... ...
NestJS - 如何将图像上传到 aws s3: 　　　　如何使用NestJS将图像上传到AWS S3在现代的Web应用程序中，图像上传是一个常见的需求。本教程将向您展示如何使用NestJS将图像上传到AWS S3存储服务。AWS S3是一个可扩展的对...... ...
NestJS - 如何使用 @Body() 装饰器访问帖子正文: 　　　　使用 NestJS 开发 web 应用程序时，@Body() 装饰器是一个非常有用的工具，它可以帮助我们访问请求正文中的数据。在本文中，我们将探讨如何使用 @Body() 装饰器访问帖子正文...... ...
NestJS - 基于一个属性有条件地验证主体: 　　　　NestJS是一个基于Node.js的框架，用于构建高效、可扩展的服务器端应用程序。它提供了许多强大的功能，包括属性验证和条件验证。在本文中，我们将探讨如何在NestJS中使用条件...... ...
NestJS - WebsocketGateway 中的 ValidationPipe 返回内部服务器错误: 　　　　使用NestJS的WebsocketGateway时，经常会遇到处理输入数据验证的情况。为了确保接收到的数据符合预期的格式和规则，我们可以使用ValidationPipe进行数据验证。然而，有时候...... ...
NestJS - Mongoose @InjectConnection 单元测试: 　　　　使用NestJS和Mongoose进行单元测试是一种非常有效的方法，可以确保我们的应用程序的各个部分都按预期工作。在这篇文章中，我们将重点介绍如何使用@InjectConnection装饰器来...... ...
NestJs - DTO 和实体: 　　　　使用NestJs开发Web应用程序时，DTO（数据传输对象）和实体（Entity）是非常重要的概念。DTO是用于数据传输的对象，通常用于在客户端和服务器之间传递数据。而实体是与数据库...... ...
Nest.Js：从外部项目文件夹导入文件: 　　　　使用Nest.Js开发时，我们经常需要从外部项目文件夹导入文件。这种情况通常发生在我们需要在Nest.Js应用程序中使用自定义模块或者其他外部文件的情况下。在本文中，我们将探...... ...