使用GitHub操作在Firebase主机上自动部署Vue-CLI项目
GitHub是一个基于Git版本控制系统的代码托管平台，而Firebase是一个由Google提供的云计算平台。在Firebase主机上自动部署Vue-CLI项目可以通过以下步骤实现：
- 首先，在GitHub上创建一个新的仓库，用于存储Vue-CLI项目的代码。
- 在本地开发环境中，使用Vue-CLI创建一个新的Vue项目，并将其初始化为一个Git仓库。
- 将本地的Vue项目代码推送到GitHub仓库中。
- 在Firebase控制台中创建一个新的项目，并启用Firebase Hosting服务。
- 在Firebase控制台中获取到Firebase项目的配置信息，包括项目ID和API密钥。
- 在本地Vue项目的根目录下，使用命令行工具安装Firebase CLI工具：
npm install -g firebase-tools。 - 使用命令行工具登录Firebase账号：
firebase login。 - 初始化Firebase项目：
firebase init。选择部署到Firebase Hosting，并选择刚才创建的Firebase项目。 - 在初始化过程中，选择使用现有的GitHub仓库，并选择之前创建的GitHub仓库。
- 配置自动部署设置，将GitHub仓库与Firebase项目关联起来。
- 在GitHub仓库中进行代码修改和提交，然后将代码推送到GitHub仓库。
- Firebase将自动检测到GitHub仓库的代码变更，并自动部署Vue-CLI项目到Firebase主机上。
这样，每当在GitHub仓库中进行代码修改和提交时，Firebase将自动部署最新的代码到Firebase主机上，实现了在Firebase主机上自动部署Vue-CLI项目的功能。
推荐的腾讯云相关产品：腾讯云云开发（https://cloud.tencent.com/product/tcb）
相关·内容
所以我有我的Vue-CLI项目，我不能管理自动部署。 我已经用谷歌搜索了一整天，我从firebase login:ci那里得到了密钥，但我不知道我应该把它放在yaml文件中的什么地方。 ? 我确实将FIREBASE_TOKEN作为环境变量添加到我的github代码库中，但问题仍然存在。这是我的YAML文件，由firebase-CLI生成。 ? 我可以克隆、推送、获取、创建、删除和对我的repos做任何我想做的事情。手动部署可
浏览 34提问于2021-07-04得票数 0
回答已采纳
我在尝试禁用防火墙主机。我目前已经启用了GitHub部署，所以当我推送时，防火墙主机将获得另一个部署。我禁用了与但是，当我做git push时，它会重新启用。firebase -h
浏览 2提问于2022-05-30得票数 0
回答已采纳
1回答
我只想知道，当我在我的桌面上提交回购主分支的更改并将原点推到GitHub时，有什么方法可以自动部署从GitHub回购到Firebase主机吗？在2022年1月15日-2022年，我发现了将网站文件部署到防火墙主机的两种方法。事实上的firebase方式，您可以<e
浏览 2提问于2022-01-15得票数 0
回答已采纳
我目前正在使用GitHub操作来自动化部署到生产中，但是开发人员也可以直接将代码从他们的机器部署到生产中。我想知道如何避免这种情况，并只允许新的更新，我们的主机实例时，它来自一个自动的公关批准在GitHub。开发人员当前的工作流程是：
根据指定的GitHub 问题创建一个新的开发分支，开发代码更改并通过Firebase 代码更改到GitHub在本
浏览 12提问于2022-11-25得票数 0
回答已采纳
我有一个firebase函数，它是在防火墙文档OnCreate上触发的，failurePolicy设置为true，如下所示： .runWith，使用Firebase我可以成功地部署，但需要我承认此函数将在失败时重新尝试，您还想部署吗？一旦选择了是，该函数就会成功部署。
在PR合并时，我使用Github操作
浏览 1提问于2021-02-13得票数 0
3回答
将最初使用vue-cli创建的vue.js应用程序部署到Firebase主机的最佳方式是什么？然后-在全局安装firebase工具之后，我运行这将创建一个文件夹"public“，其中包含默认的index.html文件。然后我部署了它运行了，但到图片的路径似乎被打破了。我把"dist"-folder移到了“public”文件夹
浏览 39提问于2017-12-22得票数 3
我已经使用firebase和firestore构建了一个react应用程序来创建待办事项列表，并且我尝试部署我的应用程序，我从firebase得到一个页面，告诉我欢迎使用firebase托管设置完成，而不是我的网站在我用firebase主机部署我的网站之前，一切都很好，现在我得到的只有firebase的欢迎页面。在我已经部署了我的网站之后，我如何让它上线？
浏览 4提问于2021-11-30得票数 0
1回答
我有一个关于stackbitlz的项目。我正在使用Angular 10和Firebase来建立我的网站。当我将我的站点部署到firebase服务器上时，我遇到了一个故障:在stackbitlz上，我的站点显示正确，但是在部署之后，主页在firebase主机上不显示。我的代码：github firebase上的版
浏览 10提问于2020-07-12得票数 0
1回答
我正在尝试将vue-cli项目部署到github页面，我遵循了这个网站和github支持上的说明。到github页面的delpoy vue-cli：在存储库的根目录中有一个/docs文件夹
这是我的
浏览 2提问于2017-12-03得票数 4
回答已采纳
1回答
我是Vue js的新手，我正在用firebase开发一个电子商务项目。我在firebase中看到有多个托管功能，这将帮助我在两个不同的域中托管客户端和管理员端。我不知道如何在一个项目文件夹中创建两个应用程序，就像angular中的这个。如果有人知道，请分享你的想法
浏览 3提问于2020-09-22得票数 0
Firebase最近宣布了预览频道：
但我想知道使用firebase身份验证的应用程序(可能每个使用firebase的应用程序)是如何工作的。
浏览 0提问于2020-10-22得票数 1
我正试着把我的第一个网站托管到Firebase。我正在读这篇，但似乎出了点问题。我应该选-但这一选择在名单中缺失了。( ) Functions: Configure a Cloud Functions directory and its files
( ) Hosting: Configure files for FirebaseHosting and (optionally) set up GitH
浏览 7提问于2021-09-09得票数 0
回答已采纳
1回答
我有一个特定的用例，我试图用Firebase主机来解决这个问题，它如下所示：
我面临的问题是，每当我在无头CMS上</
浏览 3提问于2021-03-17得票数 3
回答已采纳
根据的说法，我想使用Yarn工作区将monorepo部署到Firebase。我可以成功地将"web“方面部署到Firebase托管，它引用了一个共享的”核心“工作区。在functions和web中，core包也以依赖项的形式存在 "firebase-monorepo-core": "*"在本地运行时没有任何问题，事实上</em
浏览 2提问于2020-04-04得票数 8
我使用React和firebase托管。我使用firebase设置了防火墙托管，并选择在合并或拉请求时自动部署。安装完成后，在我的工作目录中创建了一个带有.github文件的.yml文件夹。所以现在，当我通过运行GitHub将我的项目(而不是推到firebase deploy )手动部署
浏览 6提问于2021-02-17得票数 7
1回答
实际上，它链接到了我以前问过的，其中我要求本地部署firebase函数，因为每次部署都需要时间(由于网络速度慢)和资源，Heroku和其他平台提供了自动部署特性，包括Github和Dropbox，所以当我将代码推到指定的分支中时，它会自动部署它，并且我多次使用它，这太棒了。
我想，如果我在GitHub和Firebase上自动</
浏览 2提问于2017-03-24得票数 3
1回答
我在我的项目中使用它 apiKey : process.env.REACT_APP_API_KEY,现在，我设置了防火墙托管，并使用GitHub操作在将更改推送到GitHub时自动部署。然而，github部署的应用程序在我的控制台上给了我一个错误，说Your API key is invalid
浏览 0提问于2021-02-18得票数 3
我通常在本地进行更改，并将它们推送到firebase引用的git存储库。然后，每次进行更改时，我都会运行命令"firebase deploy“来部署项目。这是一个很好的实践吗?这是我的Github代码库( firebase引用的)：https://github.com/sudo-nick16/web-dev-gwl/tree/main/main 我的项目是一个非常基本的网站
浏览 13提问于2021-03-20得票数 0
回答已采纳
当我试图使用给出错误的GitHub操作部署firebase项目时我的ci.yaml文件是：on: branches:uses: w9jds/firebase-action@master args: deploy --only hosting:prodenv:
FIREBASE_TOKEN: $
浏览 0提问于2019-10-01得票数 2
回答已采纳
我正在尝试创建一个GitHub，它首先使用Webpack创建一个bundle.js文件，然后将我的index.html和新创建的bundle.js部署到Firebase主机。该操作确实有效(没有错误或崩溃)，但似乎Firebase不使用新打包的bundle.js，而是使用可能缓存在某个地方的旧版本？防火墙-主机-拉-请求.pull：
name: Deploy to Firebase Hosting
浏览 9提问于2022-03-27得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
腾讯会议
云直播
对象存储活动推荐
腾讯云开发者
