背景
@firebase/storage是谷歌开发的一个npm package，可用于在Firebase存储中上传和下载文件。Firebase是一个提供应用程序开发平台的工具，它包含多种功能，包括实时数据库、云存储、身份验证等等。
安装
要使用@firebase/storage，我们需要首先安装Firebase。Firebase的安装可以使用npm：
npm install firebase
在您的项目文件夹中的终端上按下面的代码安装@firebase/storage：
npm install @firebase/storage
基本用法
对于基本的用法，您可以使用以下代码上传和下载文件：
-- -------------------- ---- ------- ------ -------- ---- --------------- ------ ------------------- ----- ------ - - ------- ------------ ----------- ---------------- ---------- --------------- -------------- ------------------- -- ------------------------------- ----- ---------- - ------------------------- ------ ----- ---- - --- --------- ----- ---------- - ------------------------------------------- ------ ----- ------------ - --------------------------------------------------
这个代码段中的config对象应包含应用程序的认证信息。上传任务返回一个UploadTask对象，并且您可以使用.on()方法对其进行类似用于处理进度事件的监听器。getDownloadURL()返回一个promise，该promise在成功时将值解析为文件的下载URL。如果promise异常，则通过.cath（）捕获异常。
高级用法
Firebase存储还包含高级功能，例如：
直播流和视频
存储提供了基本的支持，以存储媒体流和视频，解决了处理视频数据的复杂性。您还可以使用Firebase Cloud Functions以编程方式剪辑视频，例如生成缩略图或提取视频中的音频。添加视频和流的基本步骤是相同的，只是上传的媒体类型不同而已。
权限管理
Firebase存储提供了强大的授权管理，包括规则引擎，通过这个引擎，您可以根据文件路径、文件大小、metadata（例如，作者或上载日期）等将对其进行限制。这些规则可以防止敏感数据的泄漏，防止意外的数据删除或意外地公开数据。
相对定位
您可以根据您的index.html文件的路径来指定任何相对路径。使用此功能，您可以将任何内容上传到任何位置，而不需要在代码中硬编码URL。这是非常有用的，因为如果您要更改文件URL的位置，那么您唯一需要更新的就是Firebase存储的相对路径。
总结
在本文中，我们基于Firebase初始化程序完成了@firebase/storage的安装和使用。我们了解了如何上传和下载文件，以及如何使用高级功能，例如直播流和权限管理。Firebase存储的功能非常强大，可以节省开发者的时间，让您专注于应用程序的核心功能。
完整的示例代码请点击这里。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedc532b5cbfe1ea06121e8