clase45.md

Máster en Programación FullStack con JavaScript y Node.js

JS, Node.js, Frontend, Backend, Firebase, Express, Patrones, HTML5_APIs, Asincronía, Websockets, Testing

Clase 45

Cloud Storage

• Todas las funcionalidades
• Instrucciones
• Reglas de seguridad
• Crear referencias
• Subir ficheros
• Borrar ficheros

Subir ficheros

// Create a root reference
const storageRef = firebase.storage().ref();

// use the Blob or File API
const file = ...

// Upload the file
storageRef.put(file).then((snapshot) => {
  console.log('Uploaded a blob or file!');
});

Descargar ficheros

// Create a root reference
const storageRef = firebase.storage().ref();

storageRef.child('images/stars.jpg').getDownloadURL().then((url) => {
  // `url` is the download URL for 'images/stars.jpg'

  // This can be downloaded directly:
  fetch(url)
      .then((response) => response.blob())
      .then((file) => {
          console.log('Here is the file!', file);
      });

  // Or inserted into an <img> element:
  var img = document.getElementById('myimg');
  img.src = url;
}).catch(function(error) {
  // Handle any errors
});

Recursos

• Example of native HTML5 file drag and drop with Firebase
• Getting Started with Firebase Storage on the Web - Firecasts
• Multiple drag and drop file uploading to firebase storage
• 5 tips for Firebase Storage