[Cloud Skills Boost] Developing Applications on Google Cloud - Best Practices for Using Cloud Storage ④

<  Demo: Enable CORS configuration in Cloud Storage >

---

Enable CORS Configuration in Cloud Storage

Cloud Storage에서 CORS 구성 활성화

 

1. Compute Engine에서 가상 머신 생성 후 SSH를 통해 소프트웨어 설치
   
   

   

   

   

   

2. 데모 웹 애플리케이션의 코드를 가져오기 위해 github 저장소 복제 후 폴더 이동
   
   

   

   

3. 콘솔의 Compute Engine을 통해 외부 IP로 작동 확인
   
   

   

   

   네트워크 탭을 통해 웹 앱에 표시되도록 문자열을 반환하는 data.json 파일을 요청하는 것을 확인할 수 있음
   
   

   

4. data.json 파일을 삭제할 경우 파일이 손상된 것을 확인 가능
   
   

   

   

5. data.json 파일을 Cloud Storage 버킷에 복사한 후, 모두 공개하도록 설정
   
   

   

   

6. 자바스크립트 코드를 변경하여 읽기를 시도
   
   

   

7. 현재 폴더에서 data.json 파일을 가져오기 위해 코드 변경
   
   

   

   다른 오류로 여전히 실패
   
   

   

8. SSH를 통해 버킷의 코어를 편집하여 코스를 얻어 해당 파일을 읽을 수 있도록 수정
   origin을 *에서 우리가 만든 웹 서버로 변경
   
   

   

   변경 전

   

   

   변경 후

9. 버킷의 해당 파일을 기반으로 코스 (교차) 구성을 설정
   
   

   

10. 웹 사이트 확인 시, 교차 출처 리소스 공유가 작동한 것을 확인 가능
    교차 출처 리소스 공유가 작동하지 않을 경우 Cloud Storage 버킷에서 데이터를 검색할 수 있도록 코어를 구성해야 함
    
    

    

    
    
    

(online) 05_Performing Operations on Cloud Storage.pdf

2.06MB