Firebase Summit에서 발표된 모든 내용을 살펴보고 Firebase로 앱을 빠르게 개발하고 안심하고 앱을 실행하는 방법을 알아보세요. 자세히 알아보기

웹에서 Cloud Storage 시작하기

Firebase용 Cloud Storage를 사용하면 이미지 및 동영상과 같은 사용자 생성 콘텐츠를 업로드하고 공유하여 앱에 리치 미디어 콘텐츠를 구축할 수 있습니다. 데이터는 고가용성과 글로벌 중복성을 갖춘 엑사바이트 규모의 객체 스토리지 솔루션인 Google Cloud Storage 버킷에 저장됩니다. Firebase용 Cloud Storage를 사용하면 이러한 파일을 휴대기기와 웹 브라우저에서 직접 안전하게 업로드하여 불규칙한 네트워크를 쉽게 처리할 수 있습니다.

전제 조건

아직 설치하지 않았다면 Firebase JS SDK를 설치하고 Firebase를 초기화 합니다.

기본 Cloud Storage 버킷 만들기

  1. Firebase 콘솔 의 탐색 창에서 저장소 를 선택한 다음 시작하기 를 클릭합니다.

  2. 보안 규칙을 사용하여 Cloud Storage 데이터를 보호하는 방법에 대한 메시지를 검토하세요. 개발 중에 공개 액세스에 대한 규칙을 설정하는 것을 고려하십시오.

  3. 기본 Cloud Storage 버킷의 위치 를 ​​선택합니다.

    • 이 위치 설정은 프로젝트의 기본 Google Cloud Platform(GCP) 리소스 위치 입니다. 이 위치는 위치 설정이 필요한 프로젝트의 GCP 서비스, 특히 Cloud Firestore 데이터베이스 및 App Engine 앱(Cloud Scheduler을 사용하는 경우 필요)에 사용됩니다.

    • 위치를 선택할 수 없다면 프로젝트에 이미 기본 GCP 리소스 위치가 있는 것입니다. 프로젝트 생성 중 또는 위치 설정이 필요한 다른 서비스를 설정할 때 설정되었습니다.

    Blaze 요금제를 사용 중인 경우 각각 고유한 위치 가 있는 여러 버킷을 생성 할 수 있습니다.

  4. 완료 를 클릭합니다.

공개 액세스 설정

Firebase용 Cloud Storage는 데이터를 구조화하는 방법, 색인을 생성하는 방법, 데이터를 읽고 쓸 수 있는 시기를 정의할 수 있는 선언적 규칙 언어를 제공합니다. 기본적으로 Cloud Storage에 대한 읽기 및 쓰기 액세스는 인증된 사용자만 데이터를 읽거나 쓸 수 있도록 제한됩니다. 인증 을 설정하지 않고 시작하려면 공개 액세스에 대한 규칙을 구성 할 수 있습니다.

이렇게 하면 앱을 사용하지 않는 사람을 포함하여 누구에게나 Cloud Storage가 열려 있으므로 인증을 설정할 때 Cloud Storage를 다시 제한해야 합니다.

앱에 버킷 URL 추가

아직 포함되어 있지 않다면 Firebase 앱의 구성 객체 에 Cloud Storage 버킷 URL을 추가해야 합니다.

  1. Firebase 콘솔 에서 저장소 대시보드로 이동합니다.

  2. 파일 탭을 클릭한 다음 파일 뷰어의 헤더를 확인합니다.

  3. URL을 클립보드에 복사합니다. 일반적으로 project-id .appspot.com 형식입니다.

  4. 앱의 firebaseConfig 객체에 버킷 URL과 함께 storageBucket 속성을 추가합니다.

Web version 9

import { initializeApp } from "firebase/app";
import { getStorage } from "firebase/storage";

// TODO: Replace the following with your app's Firebase project configuration
// See: https://firebase.google.com/docs/web/learn-more#config-object
const firebaseConfig = {
  // ...
  storageBucket: ''
};

// Initialize Firebase
const app = initializeApp(firebaseConfig);


// Initialize Cloud Storage and get a reference to the service
const storage = getStorage(app);

Web version 8

import firebase from "firebase/app";
import "firebase/storage";

// TODO: Replace the following with your app's Firebase project configuration
// See: https://firebase.google.com/docs/web/learn-more#config-object
const firebaseConfig = {
  // ...
  storageBucket: '[your-storage-bucket-url]'
};

// Initialize Firebase
firebase.initializeApp(firebaseConfig);


// Initialize Cloud Storage and get a reference to the service
const storage = firebase.storage();

Cloud Storage를 사용할 준비가 되었습니다!

다음 단계? Cloud Storage 참조를 만드는 방법을 알아보세요.

고급 설정

추가 설정이 필요한 몇 가지 사용 사례가 있습니다.

첫 번째 사용 사례는 전 세계에 사용자가 있고 근처에 데이터를 저장하려는 경우에 적합합니다. 예를 들어 미국, 유럽 및 아시아에서 버킷을 생성하여 해당 지역의 사용자에 대한 데이터를 저장하여 지연 시간을 줄일 수 있습니다.

두 번째 사용 사례는 액세스 패턴이 다른 데이터가 있는 경우에 유용합니다. 예를 들어 사진 또는 기타 자주 액세스하는 콘텐츠를 저장하는 다중 지역 또는 지역 버킷과 사용자 백업 또는 기타 자주 액세스하지 않는 콘텐츠를 저장하는 니어라인 또는 콜드라인 버킷을 설정할 수 있습니다.

이러한 사용 사례 중 하나에서 여러 Cloud Storage 버킷을 사용 하려고 할 것입니다.

세 번째 사용 사례는 사용자가 여러 로그인 계정(예: 개인 계정 및 직장 계정)을 가질 수 있는 Google 드라이브와 같은 앱을 구축하는 경우에 유용합니다. 맞춤 Firebase 앱 인스턴스를 사용하여 각 추가 계정을 인증할 수 있습니다.

여러 Cloud Storage 버킷 사용

위에 제공된 기본값 이외의 Cloud Storage 버킷을 사용하거나 단일 앱에서 여러 Cloud Storage 버킷을 사용하려는 경우 커스텀 버킷을 참조하는 firebase.storage 인스턴스를 생성할 수 있습니다.

Web version 9

import { getApp } from "firebase/app";
import { getStorage } from "firebase/storage";

// Get a non-default Storage bucket
const firebaseApp = getApp();
const storage = getStorage(firebaseApp, "gs://my-custom-bucket");

Web version 8

// Get a non-default Storage bucket
var storage = firebase.app().storage("gs://my-custom-bucket");

가져온 버킷 작업

기존 Cloud Storage 버킷을 Firebase로 가져올 때 Google Cloud SDK 에 포함된 gsutil 도구를 사용하여 이러한 파일에 액세스할 수 있는 권한을 Firebase에 부여해야 합니다.

gsutil -m acl ch -r -u service-<project number>@gcp-sa-firebasestorage.iam.gserviceaccount.com gs://<your-cloud-storage-bucket>

Firebase 프로젝트 소개에 설명된 대로 프로젝트 번호를 찾을 수 있습니다.

이는 새로 생성된 버킷에는 Firebase를 허용하도록 기본 액세스 제어가 설정되어 있으므로 영향을 주지 않습니다. 이는 일시적인 조치이며 향후 자동으로 수행될 예정입니다.

맞춤 Firebase 앱 사용

맞춤 firebase.app.App 을 사용하여 더 복잡한 앱을 빌드하는 경우 해당 앱으로 초기화된 firebase.storage.Storage 인스턴스를 만들 수 있습니다.

Web version 9

import { getStorage } from "firebase/storage";

// Get the default bucket from a custom firebase.app.App
const storage1 = getStorage(customApp);

// Get a non-default bucket from a custom firebase.app.App
const storage2 = getStorage(customApp, "gs://my-custom-bucket");

Web version 8

// Get the default bucket from a custom firebase.app.App
var storage = customApp.storage();

// Get a non-default bucket from a custom firebase.app.App
var storage = customApp.storage("gs://my-custom-bucket");

다음 단계