[javascript] Parcel에서 AWS S3와 연동하는 방법은?

22 Nov 2023

javascript

먼저, 필요한 AWS SDK를 설치합니다. 터미널에서 다음 명령어를 실행하여 AWS SDK를 설치합니다:
```
npm install aws-sdk
```
AWS S3에 파일을 업로드하기 위해 AWS 인증 정보가 필요합니다. AWS IAM에서 적절한 사용자를 생성하고 해당 사용자에게 S3 관련 권한을 부여합니다. IAM 사용자의 인증 정보(액세스 키 및 비밀 액세스 키)를 받아둡니다.
Parcel을 사용하여 프로젝트를 빌드할 때, 애플리케이션 파일을 S3로 업로드하는 스크립트를 작성합니다. 아래는 예시입니다:

// AWS SDK 모듈을 불러옵니다.
const AWS = require('aws-sdk');

// AWS 인증 정보 설정
AWS.config.update({
  accessKeyId: 'AWS_ACCESS_KEY',
  secretAccessKey: 'AWS_SECRET_ACCESS_KEY'
});

// S3 객체 생성
const s3 = new AWS.S3();

// Parcel 빌드 후 업로드할 파일 경로
const bundleFile = './dist/bundle.js';

// S3 버킷 이름
const bucketName = 'your-bucket-name';

// 파일 업로드 함수 정의
function uploadFileToS3() {
  const params = {
    Bucket: bucketName,
    Key: 'bundle.js', // S3에 저장될 파일 이름
    Body: bundleFile // 업로드할 파일 경로
  };

  s3.upload(params, (err, data) => {
    if (err) {
      console.error('S3 업로드 실패:', err);
    } else {
      console.log('S3 업로드 성공!', data.Location);
    }
  });
}

// Parcel 빌드 후 파일 업로드
function buildAndUpload() {
  // Parcel 빌드 명령어 실행
  // 예: parcel build index.html
  // ...
  
  // 빌드 후 업로드할 파일을 S3에 전송
  uploadFileToS3();
}

// 빌드 및 업로드 함수 실행
buildAndUpload();

빌드 스크립트를 실행할 때, npm run build나 node build.js 등의 커맨드를 사용합니다. 이를 통해 애플리케이션 파일이 빌드되고 S3로 업로드됩니다.

위의 예제 코드는 사용자가 Parcel로 자바스크립트 애플리케이션을 빌드한 후, bundle.js 파일을 AWS S3로 업로드하는 방법을 보여줍니다. 실제로 사용하려면 코드를 수정하여 애플리케이션에 맞게 적용하시기 바랍니다.

참고 자료: