[Firebase] storage 사용 전 CORS 설정하기

[Firebase 가입 및 프로젝트 추가]

(자세한 설명 바로가기)

 

[gsutil 설치 및 인증]

https://cloud.google.com/storage/docs/gsutil_install?hl=ko

gsutil 설치  |  Cloud Storage  |  Google Cloud

Google Cloud CLI 설치 프로그램 링크로 다운로드 및 로그인 실행

 

[자동 Cloud SDK 경로의 cmd 활성화]

gsutil 폴더를 다운로드 받고 정상 인증까지 완료하면 cmd 창이 자동 오픈될것이다. 

You must log in to continue. Would you like to log in (Y/n)? 로그인 할것이라는 메세지가 나오고 Y를 누른다. 그럼 크롬이나 브라우저에 로그인 화면이 뜨고 로그인을 한후 [1], [2], [3] 보기가 주어지고 firebase에 생성한 프로젝트 이름으로 연결하면 다음의 경로로 cmd 가 활성화 된다. 

C:\Users\사용자컴퓨터이름\AppData\Local\Google\Cloud SDK

 

 

[copy con cors.json]

그후 위의 명령어를 입력하여 cors.json 파일을 생성, 아래의 소스를 추가한다.

[
	{
		"origin" : ["*"],
		"method": ["GET"],
		"maxAgeSeconds": 3600
	}
]

만약, 특정 도메인만 접근 가능하도록 허용하려면 origin의 값에 *가 아닌 해당 도메인 주소를 입력하면된다.

 

cmd에서 위의 소스를 추가하기가 어렵거나 다 추가했으면 ctrl+C 를 눌러 종료한다.

추가하기 어려웠을 경우엔 아래 명령어로 notepad(관리자 권한 실행)에서 편집을 이어가거나,

nodepad cors.json

사용하고 있는 에디터에서 편집후 저장한다.

 

[만든 cors.json과 해당 storage와 연결]

cmd에 이어서 아래 명령어를 입력하여 연결하고자하는 storage와 연결한다.

gsutil cors set cors.json gs://

gs://아래 해당 되는 주소는 firebase에 만든 storage의 Files 탭 상단에서 확인 가능하다.

 

그럼 Setting CORS on gs:// .... 가 보인다.

 

[정상 연결 확인]

아래 명령어를 입력하여 정상으로 적용이 되었는지 확인할 수 있다.

gsutil cors get gs://