투케이2K

400. (javaScript) 자바스크립트 AWS S3 getSignedUrl 사용해 버킷에 저장 된 객체 일시적 다운로드 URL 생성 수행 본문

JavaScript

400. (javaScript) 자바스크립트 AWS S3 getSignedUrl 사용해 버킷에 저장 된 객체 일시적 다운로드 URL 생성 수행

투케이2K 2025. 6. 17. 19:23
728x90

[개발 환경 설정]

개발 툴 : Edit++

개발 언어 : JavaScript

 

[소스 코드]

-----------------------------------------------------------------------------------------
[사전 설명 및 설정 사항]
-----------------------------------------------------------------------------------------

- 개발 환경 : Web

- 개발 기술 : JavaScript (자바스크립트) / AWS / S3 / getSignedUrl / Bucket

-----------------------------------------------------------------------------------------





-----------------------------------------------------------------------------------------
[소스 코드]
-----------------------------------------------------------------------------------------

<!DOCTYPE HTML>
<html lang="ko">
<head>
    <title>javaScriptTest</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">


    <!-- 반응형 구조 만들기 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">


    <!-- 내부 CSS 스타일 지정 -->
    <style>

        html, body {
            width: 100%;
            height: 100%;
            margin : 0 auto;
            padding : 0;
            border : none;
            background-color: #666;
        }

    </style>





    <!-- [CDN 주소 설정] -->
    <script src="https://code.jquery.com/jquery-latest.min.js"></script>
    <script src="https://sdk.amazonaws.com/js/aws-sdk-2.1416.0.min.js"></script>






    <!-- [자바스크립트 코드 지정] -->
    <script>

        // --------------------------------------------------------------------------------------------------------------

        // [전역 변수 선언]
        var region = 'ap-northeast-1'; // [AWS 리전]
        var accessKeyId = 'AK..7Q'; // [IAM 액세스 키]
        var secretAccessKey = 'Zz..xj'; // [IAM 시크릿 키]

        // --------------------------------------------------------------------------------------------------------------

        // [html 최초 로드 및 이벤트 상시 대기 실시]
        window.onload = async function() {
            console.log("-");
            console.log("=========================================");
            console.log("[window onload] : [start]");
            console.log("=========================================");
            console.log("-");


            // -----------------------------------------
            // [AWS.config 지정]
            // -----------------------------------------
            AWS.config.update({
              region: region,
              accessKeyId: accessKeyId,
              secretAccessKey: secretAccessKey
            });



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


            // -----------------------------------------
            // [S3 정보 확인을 위한 params 생성]
            // -----------------------------------------
            const params = {
              Bucket: 'service', // 버킷 이름
              Key: 'control/private.txt',
              Expires: 60 // URL 유효 시간 (초)
            }; 


            // -----------------------------------------
            // [getSignedUrl 일시적으로 접근 가능한 URL을 생성 수행]
            // -----------------------------------------
            // https://service.s3.ap-northeast-1.amazonaws.com/control/private.txt?AWSAccessKeyId=AK..7Q&Expires=1750145493&Signature=%2F..%3D
            // -----------------------------------------
            const url = await s3.getSignedUrl('getObject', params);

            console.log("-");
            console.log("=========================================");
            console.log("[getSignedUrl] : [Success]");
            console.log("---------------------------------------");
            console.log("url :: " + url); 
            console.log("=========================================");
            console.log("-");

            // [Body 표시 JSON]
            var resJson = {
              respones: "success",
              data: url
            }


            //document.body.innerHTML = JSON.stringify(resJson); // [1 표시]
            document.write(JSON.stringify(resJson)); // [2  표시]

        };

        // --------------------------------------------------------------------------------------------------------------

    </script>


</head>


<body>

</body>

</html>

-----------------------------------------------------------------------------------------





-----------------------------------------------------------------------------------------
[참고 사이트]
-----------------------------------------------------------------------------------------

[Aws S3 Storage] S3 (Amazon Simple Storage Service) 버킷 저장소 개념 및 설명 정리

https://blog.naver.com/kkh0977/223733087281?trackingCode=blog_bloghome_searchlist


[[간단 소스] Aws S3 버킷 저장소 리스트 목록 확인 - AmazonS3 listBuckets]

https://blog.naver.com/kkh0977/223797258160?trackingCode=blog_bloghome_searchlist

-----------------------------------------------------------------------------------------
 
728x90
반응형
Comments