Wprowadzenie do Cloud Storage w przeglądarce

Cloud Storage for Firebase umożliwia przesyłanie i udostępnianie treści takich jak obrazy, dźwięk, filmy i inne pliki (w tym treści generowane przez użytkowników), co pozwala na tworzenie treści multimedialnych w aplikacjach. Twoje dane są przechowywane w zasobniku Google Cloud Storage – rozwiązaniu do przechowywania obiektów w skali eksabajtów, które zapewnia wysoką dostępność i globalną nadmiarowość. Cloud Storage for Firebase umożliwia bezpieczne przesyłanie tych plików bezpośrednio z urządzeń mobilnych i przeglądarek internetowych, bez problemu radząc sobie z niestabilnymi sieciami.

Zanim zaczniesz

  1. Jeśli jeszcze nie masz za sobą wprowadzenia do aplikacji internetowych, zapoznaj się z nim. Obejmuje to m.in.:

    • Tworzenie projektu w Firebase.

    • zarejestrowanie aplikacji internetowej w projekcie oraz połączenie jej z Firebase przez dodanie do niej pakietu Firebase JS SDK i obiektu konfiguracji Firebase.

  2. Upewnij się, że Twój projekt w Firebase jest objęty abonamentem Blaze z płatnością według wykorzystania, który jest wymagany do korzystania z Cloud Storage for Firebase. Jeśli dopiero zaczynasz korzystać z Firebase i Google Cloud, sprawdź, czy możesz skorzystać z bezpłatnego okresu próbnego, w którym masz do dyspozycji środki w wysokości 300 USD.

Tworzenie domyślnego zasobnika Cloud Storage

  1. W konsoli Firebase kliknij Bazy danych i miejsce na dane > Miejsce na dane.

    Jeśli Twój projekt nie jest jeszcze objęty abonamentem Blaze z płatnością według wykorzystania, pojawi się prośba o jego uaktualnienie.

  2. Kliknij Rozpocznij.

  3. Wybierz lokalizację domyślnego zasobnika.

  4. Skonfiguruj Firebase Security Rules dla domyślnego zasobnika. Podczas tworzenia aplikacji rozważ skonfigurowanie reguł dostępu publicznego.

  5. Kliknij Gotowe.

Możesz teraz wyświetlić zasobnik w konsoli Firebase (otwórz kartę Databases & Storage (Bazy danych i pamięć masowa) > Storage (Pamięć masowa) > Files (Pliki)). Domyślny format nazwy zasobnika to PROJECT_ID.firebasestorage.app.

Konfigurowanie dostępu publicznego

Cloud Storage for Firebase udostępnia deklaratywny język reguł, który pozwala określić, jak dane mają być ustrukturyzowane i indeksowane oraz kiedy można je odczytywać i zapisywać. Domyślnie dostęp do odczytu i zapisu w Cloud Storage jest ograniczony, więc tylko uwierzytelnieni użytkownicy mogą odczytywać i zapisywać dane. Aby rozpocząć bez konfigurowania Authentication, możesz skonfigurować reguły dostępu publicznego.

Dzięki temu Cloud Storage będzie otwarty dla wszystkich, nawet dla osób, które nie korzystają z Twojej aplikacji, więc pamiętaj, aby ponownie ograniczyć Cloud Storage podczas konfigurowania uwierzytelniania.

Dodaj pakiet JS SDK Cloud Storage i zainicjuj Cloud Storage

Podczas inicjowania pakietu JavaScript SDK musisz podać nazwę zasobnika Cloud Storage.

Nazwę zasobnika Cloud Storage znajdziesz w konsoli Firebase (kliknij Databases & Storage (Bazy danych i miejsce na dane) > Storage (Miejsce na dane) > Files (Pliki)). W zależności od tego, kiedy został utworzony domyślny zasobnik, jego nazwa będzie miała jeden z tych formatów:

  • PROJECT_ID.firebasestorage.app (zasobnik domyślny utworzony we wrześniu 2024 r. lub później)
  • PROJECT_ID.appspot.com (starszy domyślny zasobnik utworzony przed wrześniem 2024 r.)

Zainicjuj pakiet SDK za pomocą tego fragmentu kodu:

Web 

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: 'BUCKET_NAME'
};

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


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

Web 

import firebase from "firebase/app";
import "firebase/compat/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: 'BUCKET_NAME'
};

// Initialize Firebase
firebase.initializeApp(firebaseConfig);


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

Możesz już zacząć korzystać z usługi Cloud Storage.

Co dalej? Dowiedz się, jak utworzyć plik referencyjny Cloud Storage.

Konfiguracja zaawansowana

Istnieje kilka przypadków użycia, które wymagają dodatkowej konfiguracji:

Pierwszy przypadek użycia jest idealny, jeśli masz użytkowników na całym świecie i chcesz przechowywać ich dane blisko nich. Możesz na przykład utworzyć zasobniki w Stanach Zjednoczonych, Europie i Azji, aby przechowywać dane użytkowników z tych regionów i zmniejszyć opóźnienia.

Drugi przypadek użycia jest przydatny, jeśli masz dane o różnych wzorcach dostępu. Możesz na przykład skonfigurować zasobnik w wielu regionach lub w jednym regionie, który przechowuje zdjęcia lub inne często używane treści, oraz zasobnik Nearline lub Coldline, który przechowuje kopie zapasowe użytkowników lub inne rzadko używane treści.

W obu tych przypadkach warto użyć wielu zasobników Cloud Storage.

Trzeci przypadek użycia jest przydatny, jeśli tworzysz aplikację, taką jak Dysk Google, która umożliwia użytkownikom logowanie się na kilka kont (np. konto osobiste i konto służbowe). Możesz użyć niestandardowej instancji aplikacji w Firebase, aby uwierzytelnić każde konto dodatkowe.

Używanie wielu zasobników Cloud Storage

Jeśli chcesz użyć zasobnika Cloud Storage innego niż domyślny opisany wcześniej w tym przewodniku lub użyć wielu zasobników Cloud Storage w jednej aplikacji, możesz utworzyć instancję firebase.storage, która odwołuje się do Twojego niestandardowego zasobnika:

Web

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

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

Praca z zaimportowanymi zasobnikami

Podczas importowania istniejącego zasobnika Cloud Storage do Firebase musisz przyznać Firebase dostęp do tych plików za pomocą narzędzia gsutil, które jest częścią pakietu Google Cloud SDK:

gsutil -m acl ch -r -u service-PROJECT_NUMBER@gcp-sa-firebasestorage.iam.gserviceaccount.com gs://BUCKET_NAME

Numer projektu znajdziesz zgodnie z opisem we wprowadzeniu do projektów w Firebase.

Nie dotyczy to nowo utworzonych zasobników, ponieważ mają one domyślną kontrolę dostępu ustawioną na zezwalanie na Firebase. Jest to środek tymczasowy, który w przyszłości będzie wykonywany automatycznie.

Używanie niestandardowej aplikacji w Firebase

Jeśli tworzysz bardziej skomplikowaną aplikację przy użyciu niestandardowego obiektu firebase.app.App, możesz utworzyć instancję obiektu firebase.storage.Storage zainicjowaną za pomocą tej aplikacji:

Web

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

// 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");

Dalsze kroki