투케이2K

486. (javaScript) 자바스크립트 GetBucketCors 사용해 AWS S3 특정 버킷 CORS (Cross-Origin Resource Sharing) 규칙 조회 본문

JavaScript

486. (javaScript) 자바스크립트 GetBucketCors 사용해 AWS S3 특정 버킷 CORS (Cross-Origin Resource Sharing) 규칙 조회

투케이2K 2026. 2. 5. 20:20
728x90

[개발 환경 설정]

​

개발 툴 : Edit++

​

개발 언어 : JavaScript

​

 

[소스 코드]

 

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

- 개발 환경 : Web


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


- 사전) AWS GetBucketCors API 설명 정리 : 

  >> AWS GetBucketCors 는 지정된 S3 버킷에 설정된 CORS(Cross-Origin Resource Sharing) 규칙을 조회하는 API입니다

  >> AWS GetBucketCors 는 브라우저에서 크로스 도메인 요청을 허용할지 여부 등을 지정한 구성을 확인할 때 사용됩니다

  >> AWS GetBucketCors 주요 요소 : 

    - AllowedOrigins : 허용된 도메인 : 브라우저 출처(origin) 지정

    - AllowedMethods : 허용된 HTTP 메서드 : GET/PUT/DELETE 등 필수

    - AllowedHeaders : 요청 시 허용 헤더 : "*" 또는 필요한 헤더

    - ExposeHeaders : 응답에서 노출 가능 헤더 : ETag 등

    - MaxAgeSeconds : Preflight 캐시 시간 : 선택

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





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

<!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>

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

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

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

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

          try {

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


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


            // -----------------------------------------
            // [요청 파라미터 생성]
            // -----------------------------------------
            const param = { // ✅ 버킷 명칭 지정
              Bucket: 'service'
            };


            // -----------------------------------------
            // [GetBucketCors] : 지정된 S3 버킷에 설정된 CORS(Cross-Origin Resource Sharing) 규칙을 조회
            // -----------------------------------------
            // AWS 참고 사이트 : https://docs.aws.amazon.com/AmazonS3/latest/API/API_GetBucketCors.html
            // -----------------------------------------            
            aws.getBucketCors( param , function(err, data) { 
              if (err) {
                console.error("");
                console.error("=========================================");
                console.error("[getBucketCors] : [Error]");
                console.error("---------------------------------------");
                console.error(err);
                console.error("=========================================");
                console.error("");

                // ---------------------------------------------
                // ✅ [주요 에러 정리]
                // ---------------------------------------------
                // InvalidAccessPointAliasError : Access point 또는 Object Lambda Access Point alias가 잘못된 값인 경우 발생
                // ---------------------------------------------
                // AccessDenied : 호출 주체(IAM User/Role)에 s3:GetBucketCORS 권한이 없는 경우
                // ---------------------------------------------
                // NoSuchCORSConfiguration : 버킷에 CORS 설정이 전혀 존재하지 않을 때 발생
                // ---------------------------------------------
                // URI/Parameter Errors (URL Encoding 이슈) : 인코딩이 올바르지 않으면 요청이 거부될 수 있음

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


                // ---------------------------------------------
                // [Body 표시 JSON]
                // ---------------------------------------------
                var errJson = {
                  response: "error",
                  data: err
                }
                // ---------------------------------------------


                // ---------------------------------------------
                // [에러 출력]
                // ---------------------------------------------
                document.write(JSON.stringify(errJson));
                // ---------------------------------------------

              } else {
                console.log("");
                console.log("=========================================");
                console.log("[getBucketCors] : [Result]");
                console.log("---------------------------------------");
                console.log(JSON.stringify(data));
                console.log("=========================================");
                console.log("");

                // ---------------------------------------------
                // ✅ [로그 출력 예시 첨부]
                // ---------------------------------------------
                /*
                {
                  "CORSRules": [
                    {
                      "AllowedHeaders": [
                        "*"
                      ],
                      "AllowedMethods": [
                        "GET"
                      ],
                      "AllowedOrigins": [
                        "*"
                      ],
                      "ExposeHeaders": [
                        "ETag",
                        "x-amz-meta-custom-header"
                      ]
                    }
                  ]
                }
                */
                // ---------------------------------------------


                // ---------------------------------------------
                // [Body 표시 JSON]
                // ---------------------------------------------
                var resJson = {
                  response: "result",
                  data: data
                }
                // ---------------------------------------------


                // ---------------------------------------------
                // [결과 출력]
                // ---------------------------------------------
                document.write(JSON.stringify(resJson));
                // ---------------------------------------------

              }

            });

          }
          catch (exception) {
            console.error("");
            console.error("=========================================");
            console.error("[window onload] : [Exception] : 예외 상황 발생");
            console.error("-----------------------------------------");
            console.error(exception);
            console.error("=========================================");
            console.error("");

            // ---------------------------------------------
            // [Body 표시 JSON]
            // ---------------------------------------------
            var errJson = {
              response: "exception",
              data: exception.message
            }
            // ---------------------------------------------


            // ---------------------------------------------
            // [에러 출력]
            // ---------------------------------------------
            document.write(JSON.stringify(errJson));
            // ---------------------------------------------

          }

        };

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

    </script>


</head>


<body>

</body>

</html>

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





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

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

https://kkh0977.tistory.com/7619

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


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

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


[자바스크립트 AWS S3 Get 요청 및 Put 업로드 PreSignedUrl 프리 사인 URL 주소 생성 수행 - getSignedUrl]

https://blog.naver.com/kkh0977/223903767776

-----------------------------------------------------------------------------------------
 
728x90
반응형
저작자표시 (새창열림)

'JavaScript' 카테고리의 다른 글

488. (javaScript) [간단 소스] 자바스크립트 파일 다운로드 URL 유효성 검증 및 URL.createObjectURL 와 a 태그 사용해 파일 다운로드 수행  (0) 2026.02.06
487. (javaScript) 자바스크립트 GetBucketPolicy 사용해 AWS S3 특정 버킷에 적용 된 정책 조회 수행  (0) 2026.02.05
485. (javaScript) 자바스크립트 AWS GetUser 호출해 특정 IAM 사용자 상세 정보 조회 수행  (0) 2026.02.03
484. (javaScript) 자바스크립트 AWS GetCallerIdentity 사용해 IAM 계정 자격 증명 정보 유효성 검증  (0) 2026.02.01
483. (javaScript) [간단 소스] 자바스크립트 특정 태그 지정해 requestFullscreen PC 전체 화면 보기 설정  (0) 2026.01.12
'JavaScript' Related Articles more
Comments