使用 firebase-auto-deploy 完成前端自动化部署

阅读时长 3 分钟读完

Firebase 是一款 Google 所开发维护的云平台,其中包含了实时数据库,用户认证等需求,它的主要使用目的是为了简化开发者的后端开发任务。firebase-auto-deploy 是一个适用于前端项目的自动部署工具,利用这个工具可以让开发人员更快地将代码部署到 Firebase 主机上。

使用前准备

  1. Node.js 环境 安装 Node.js,确保 Node.js 环境最新版本。

  2. Firebase CLI 安装 Firebase CLI,可以使用 npm 安装:

安装 firebase-auto-deploy

可以使用 npm 导入 firebase-auto-deploy,如下代码所示:

准备配置

  1. Firebase 服务帐户密钥 JSON 文件 在 Firebase 控制台项目设置页中,选择服务帐户,创建命名为 firebase-secret.json 的密钥文件。

  2. 准备 .firebaserc 和 firebase.json 配置文件 在项目根目录下,新建 .firebaserc,覆盖如下内容:

将 {{Project Id}} 替换为 Firebase 控制台项目页面的项目 ID。

在项目根目录下,新建 firebase.json 文件,覆盖如下内容:

-- -------------------- ---- -------
-
  ---------- -
    --------- -------
    ----------- -
      -
        --------- -----
        -------------- -------------
      -
    --
    --------- -
      ----------------
      --------
      --------------------
    -
  -
-

dist 替换为打包后放置静态文件的文件夹名。

完成部署

将 firebase-auto-deploy 添加到 package.json 的 scripts,添加如下一段:

运行 npm run deploy 即可部署你的前端应用到 Firebase 上,有误报错信息请参照 firebase-auto-deploy 文档进行调试。

总结

使用 firebase-auto-deploy 可以极大的提升前端开发人员的工作效率,实现自动化部署,减轻手动部署的负担。本文给出了一个简单、易懂的实现部署的文档教程,希望对于前端工程师有所指导意义。

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/600568b981e8991b448e4869

纠错
反馈