如何使用 Firebase 存储？

Question

我正在学习 firebase，但有一些关于 Firebase 存储的问题：

• 我可以使用的总文件大小的限制？
• 我想使用 firebase 数据存储上传使用头像，然后使用该 url 将图像加载到带有 glide 或 picasso 的 imageview。有可能吗？
• 我想使用我的应用和 firebase 身份验证来使用登录、firebase 消息推送通知、firebase 数据库来保存一些小数据、firebase 分析和数据库存储。但是我的帐户是免费的。如何计算当前访问并发数？ （我想无限地解决它）如果我使用多个firebase number并发访问的服务，它会创建吗？

Answer 1

问题 1：

每个文件 5 TB，当然也受您当前计划的限制。

https://stackoverflow.com/a/37971182/2254886 https://cloud.google.com/storage/docs/json_api/v1/how-tos/upload

这是限制它的一种方法： https://stackoverflow.com/a/38427527/2254886

问题 2：

是的，您可以在存储桶中存储和检索数据。您可以轻松地以编程方式获取 URL（公共或私有，您的选择）。

问题 3（嗯，问题很多）：

https://firebase.google.com/pricing/

您可以使用该计算器查看您需要的计划，具体取决于您的估计使用情况。此外，您可以在控制台中查看包含用户数量的所有分析。您可以在该控制台中找到数量惊人的信息。

您可以看到，您所有问题的答案已经在 SO 上。我鼓励您通读 https://firebase.google.com 上的文档，也可以前往 Firebase YouTube 频道 (https://www.youtube.com/user/Firebase)。你可以在那里学习你需要知道的一切。 Firebase 是一款非常强大的应用开发工具。

Answer 2

转到 Firebase 控制台 -> 存储 -> 允许测试模式（如果你想读写） 创建一个反应应用程序

• 创建文件 firebase/firebase.utils.js

   import firebase from 'firebase/app'
   import 'firebase/storage'
  
   // copy config from firebase web app project
   const config={
   apiKey: "your api key",
   authDomain: "auth domain",
   projectId: "web app name",
   storageBucket: "storage bucket",
   messagingSenderId: "sender ID",
   appId: "app id",
   measurementId: "measure id"
   };
  
   export const app=firebase.initializeApp(config)
   export default firebase;
  

• 转到 App.js

   import {app} from './firebase/firebase.utils.js'
   function App() {
   const onChange = (e) => {
   const file = e.target.files[0];
   const storageRef = app.storage().ref()
   const fileRef = storageRef.child(file.name)
   fileRef.put(file).then(() => {
    console.log("Uploaded a file")
  })
  }
  
   return (
  
   <input type="file" onChange={onChange}/>
  
  );
  }
  
  export default App;
  

---

如果您想要下载指向 firebase 文件的链接，请对 onChange 应用以下更改

注意-> 使用允许读取允许对 Firebase 存储的读取访问：如果为真；

 const onChange = (e) => {
 const file = e.target.files[0];
 const storageRef = app.storage().ref()
 const fileRef = storageRef.child(file.name)
 fileRef.put(file).then(() => {
  fileRef.getDownloadURL().then(function (url) {
            console.log(url);
           
 });
   console.log("Uploaded a file")
  })
}

规则

如果您想限制上传到 Firebase 的大小，请转到存储下的规则并使用以下规则：
//此规则将允许上传任何最大 10mb 的文件

rules_version = '2';
service firebase.storage {
  match /b/{bucket}/o {
    match /{allPaths=**} {
      allow read: if true;
      allow write: if request.resource.size < 10 * 1024 * 1024;
                   
    }
  }
}

如果您只想允许图片

  rules_version = '2';
  service firebase.storage {
  match /b/{bucket}/o {
  match /{allPaths=**} {
  allow read: if true;
  allow write: if request.resource.size < 10 * 1024 * 1024
           && request.resource.contentType.matches('image/.*');
               
  }
 }
}

如果你只想要写权限 删除允许读取：如果为真；