Firebase 是一款 Google 所开发维护的云平台,其中包含了实时数据库,用户认证等需求,它的主要使用目的是为了简化开发者的后端开发任务。firebase-auto-deploy 是一个适用于前端项目的自动部署工具,利用这个工具可以让开发人员更快地将代码部署到 Firebase 主机上。
使用前准备
Node.js 环境 安装 Node.js,确保 Node.js 环境最新版本。
Firebase CLI 安装 Firebase CLI,可以使用 npm 安装:
npm install -g firebase-tools
安装 firebase-auto-deploy
可以使用 npm 导入 firebase-auto-deploy,如下代码所示:
npm i firebase-auto-deploy --save
准备配置
Firebase 服务帐户密钥 JSON 文件 在 Firebase 控制台项目设置页中,选择服务帐户,创建命名为 firebase-secret.json 的密钥文件。
准备 .firebaserc 和 firebase.json 配置文件 在项目根目录下,新建 .firebaserc,覆盖如下内容:
{ "projects": { "default": "{{Project Id}}" } }
将 {{Project Id}} 替换为 Firebase 控制台项目页面的项目 ID。
在项目根目录下,新建 firebase.json 文件,覆盖如下内容:
-- -------------------- ---- ------- - ---------- - --------- ------- ----------- - - --------- ----- -------------- ------------- - -- --------- - ---------------- -------- -------------------- - - -
dist 替换为打包后放置静态文件的文件夹名。
完成部署
将 firebase-auto-deploy 添加到 package.json 的 scripts,添加如下一段:
"scripts": { "deploy": "rollup -c && firebase-auto-deploy" },
运行 npm run deploy
即可部署你的前端应用到 Firebase 上,有误报错信息请参照 firebase-auto-deploy 文档进行调试。
总结
使用 firebase-auto-deploy 可以极大的提升前端开发人员的工作效率,实现自动化部署,减轻手动部署的负担。本文给出了一个简单、易懂的实现部署的文档教程,希望对于前端工程师有所指导意义。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/600568b981e8991b448e4869