使用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）
相关·内容
2回答
vue-cli v3具有node.js防火墙函数，防火墙托管(错误:函数源目录中没有npm包)
javascript、node.js、firebase、npm、vue.js
我希望将Vue.js用于前端和Firebase函数(Express.js) +后端修复。
0-步骤:我在Google上创建了一个新项目，创建了一个具有所有者权限的新服务帐户(稍后用于Admin )
第一步:我安装了vue-cli v3并创建了项目：
$ vue create my-project
$ npm run serve //localhost:8080 OK
第二步：
$npm install firebase firebase-admin firebase-functions --save
文件夹结构：
my-project
.firebaserc //created (edit
浏览 0提问于2018-08-24得票数 1
回答已采纳
3回答
使用Firebase主机部署Vue.js应用程序
firebase、vue.js、firebase-hosting、firebase-tools
将最初使用vue-cli创建的vue.js应用程序部署到Firebase主机的最佳方式是什么？我用以下命令准备了vue-app
npm run build
这将创建文件夹"dist“，其中包含捆绑的js-file和图片等资源。
然后-在全局安装firebase工具之后，我运行
firebase init
这将创建一个文件夹"public“，其中包含默认的index.html文件。
首先我在firebase.json中设置：
"hosting": {
"public": "dist"
}
并将index.html ( vue i
浏览 39提问于2017-12-22得票数 3
1回答
从远程部署防火墙(google存储)
firebase、google-cloud-platform、google-cloud-storage、firebase-hosting
我有一个单一的页面应用程序，我想在不同的gcp项目中托管，即不同的防火墙项目。
应该对我的防火墙主机连续进行部署，我希望分离连续构建和连续部署步骤，因此我不想手动将从本地机器部署到我的所有防火墙项目。
我的问题是：
当我不想从本地机器部署时，有没有部署到防火墙托管项目的最佳实践？
以我天真的方式，我将设置以下内容：
我需要构建一个zip文件，其中包含所有静态html和js文件，再加上我上传到存储桶的firebase.json和.firebaserc文件。使用这些文件，firebase CLI工具能够执行firebase deploy --only hosting:mytarget。googl
浏览 0提问于2020-04-08得票数 6
回答已采纳
1回答
Firebase函数-使用VSC进行调试
firebase、visual-studio-code、google-cloud-functions、functions-framework
我使用Vue创建了一个使用Firebase Hosting、Cloud Functions和Firestore创建的Firebase Hosting项目。
我可以使用npm run build | firebase serve在本地部署。在Vue应用程序中，我用firebase.functions().httpsCallable('placeOrder').then((result) => {...})调用一个云函数
A
这样，Function调用就可以调用Functions emulator (运行在端口5001上)，并且我可以逐步完成带有断点的代码吗？
B
如果无法从
浏览 9提问于2019-10-21得票数 1
2回答
将类星体SSR vue/node应用程序部署到Firebase主机上
node.js、firebase、vue.js、firebase-hosting、quasar
我尝试过很多方法来上传和运行firebase主机上的节点/vue项目，但是没有成功。
我跟踪了，但似乎我错过了什么。
我在SSR模式下的vue.js应用程序在本地主机上工作得很好。它与基本的节点/快递应用程序略有不同。一旦部署到Firebase主机，我就有了错误404页面。()
我已经用quasar build -m ssr构建了一个应用程序，它生成一个新的文件夹dist/ssr文件夹。
在我的项目的根目录中，我已经用firebase.json启动了一个firebase项目，其中包含了以下几行：
{
"hosting": {
"public
浏览 3提问于2020-09-06得票数 5
回答已采纳
1回答
使用GitHub操作在Firebase主机上自动部署Vue-CLI项目
firebase、vue.js、continuous-integration、vue-cli、npm-ci
所以我有我的Vue-CLI项目，我不能管理自动部署。 我已经用谷歌搜索了一整天，我从firebase login:ci那里得到了密钥，但我不知道我应该把它放在yaml文件中的什么地方。 ? 我确实将FIREBASE_TOKEN作为环境变量添加到我的github代码库中，但问题仍然存在。即使firebase文档说Option 1: Store the token as the environment variable FIREBASE_TOKEN. Your system will automatically use the token. 这是我的YAML文件，由firebase-CLI生
浏览 34提问于2021-07-04得票数 0
回答已采纳
1回答
Firebase可调用云函数CORS错误
javascript、node.js、firebase、cors、google-cloud-functions
下面是调用云函数的客户端代码：
var getShippingRate = firebase
.functions()
.httpsCallable("shippo-generateShippingRate");
getShippingRate({ address: shippo })
.then(function(result) {
// Read result of the Cloud Function.
console.log
浏览 2提问于2020-03-26得票数 4
回答已采纳
1回答
下载或同步Firebase函数到本地环境
firebase、google-cloud-functions
我正在从事一个Firebase项目，该项目目前使用多个云功能。问题是，我想下载或同步云功能到我的笔记本电脑上的本地环境。
我的意思是使用firebase-tools或其他类似的命令：
git clone [project name]
git fetch [something]
通常，我们使用Firebase控制台创建一些云功能，我希望这些函数能够在需要时在本地编辑并重新部署。
我知道firebase-tools有这两个命令，但它只适用于配置：
functions:config:clone [options]
functions:config:get [options]
浏览 0提问于2020-07-28得票数 8
回答已采纳
2回答
是否可以在本地(不部署网站)测试Flask中的Firestore
firebase、google-cloud-firestore
我正在做一个小项目，在这个项目中，数据被上传到the上的一个页面上，并在同一个网站中的另一个页面上检索。当网站托管在本地主机上时，可以测试Firestore吗？
当我尝试在本地主机上部署我的网站后访问Fi还原功能时，我得到：
无法用于数据存储模式项目。“错误。
我唯一能找到的文档是："“
注意: 1.我查看了错误，并再次检查我的项目是否处于修复模式(我从Firebase控制台创建了该项目)，然后在我的Flask应用程序中使用以下方法对数据库进行身份验证：
import firebase_admin
from firebase_admin import credentials
cred
浏览 9提问于2019-10-30得票数 0
回答已采纳
1回答
安装vue-cli :它是如何工作的？
node.js、npm、vue.js
我对和Vue非常陌生，我正试图了解使用Vue CLI到底发生了什么。
vue.js网站将此作为运行官方Vue CLI的说明：
我对此有几个问题：
npm install --global vue-cli只需要在机器上执行一次，或者在目录上执行一次，或者在您正在启动的每个新项目上执行一次吗？换句话说，一旦它在您的计算机上，这是最后一次您需要运行该命令，还是您需要执行这个命令，每一个新的项目，您开始？
一旦一个新项目启动，是否安装了最新版本的vue (如果选择了vue-路由器)的本地副本？
如果我完成了这个项目并想要部署它，我如何将它移植到一个生产服务器？
浏览 2提问于2017-06-27得票数 1
回答已采纳
16回答
Visual Studio中的Git -添加现有项目？
git、visual-studio-2012、visual-studio-2008、tfs、azure-devops
我正在尝试将一个现有的项目置于Git源代码控制之下，但我对几件事不太清楚。
我已经在网上注册了一个“Team Foundation Service”Git帐户。
我目前在我的项目文件夹中有一个ASP.NET MVC4解决方案。我已经在本地创建了一个Git‘仓库’(目前是一个空文件夹)。这应该只是我在项目中的当前应用程序文件夹吗？或者它需要是一个副本？
如何将现有文件放入在线存储库中？
浏览 1提问于2013-05-30得票数 111
回答已采纳
1回答
如何在存储库中安装vue.js？
node.js、vue.js、npm
我有一个带有后端和前端存储库的项目。前端使用vue.js。
现在，我可以轻松地将git存储库克隆到我的本地计算机上。在那里我需要运行它。为此，我想我首先需要在repository...somehow中设置vue.js。存储库中没有任何节点或npm或其他任何东西。我需要自己在本地安装(我猜这样做是为了保护存储库不会变得太大)。
我在vue.js官方网站上学习了如何创建一个新项目，但在这种情况下，我是在一个现有的项目中工作，对吗？那么，如何将vue.js应用到现有的项目中呢？它基于vue-cli，所以我也需要安装vue-cli (或者更确切地说，使用vue.js的vue-cli版本)
浏览 4提问于2020-03-10得票数 0
1回答
从AWS代码构建部署Firebase函数时出现问题
node.js、firebase
由于未知的原因，我很难从CI (即AWS CodeBuild)部署Firebase函数。
firebase deploy命令是使用--token参数调用的，因此它看起来不像是身份验证问题，实际上，部署宿主文件时没有任何问题。
我的一个怀疑是，当我在本地运行它时，它的工作方式就像一种魅力，明显的区别在于它的部分表示package . (263 B) for uploading，因为当我在本地运行它时，它有超过263字节(本地表示69.23 MB)。另外，因为它在本地运行，没有任何问题，我不认为firebase.json配置不正确。
有没有人遇到过类似的问题？
$ export DOTENV_RU
浏览 12提问于2021-02-12得票数 1
1回答
与活动项目不同步的基本本地代码
firebase、google-cloud-functions、firebase-cli
我正在学习firebase，我创建了下面的示例。我通过取消对示例的注释创建了一个云函数，并将它推到了生活中：
const functions = require("firebase-functions");
// Create and Deploy Your First Cloud Functions
// https://firebase.google.com/docs/functions/write-firebase-functions
exports.helloWorld = functions.https.onRequest((request, response)
浏览 2提问于2022-08-31得票数 1
1回答
如何授权云构建部署到不同项目中的Firebase宿主？
firebase、google-cloud-platform、firebase-hosting、google-cloud-build、google-iam
我有GCP项目A和Firebase项目B (在一个单独的GCP项目中)。我正在尝试使用A中的Cloud构建一个web应用程序，并将其部署到B中的Firebase主机上。
在B的IAM页面中，我授予了A的<id>@cloudbuild.gserviceaccount.com服务帐户API Keys Admin、Firebase Admin和Service Account User的角色，如中所描述的那样。
A使用的config中的最后一步是：
- id: firebase_deploy
name: gcr.io/$PROJECT_ID/firebase
entry
浏览 13提问于2022-03-30得票数 0
回答已采纳
1回答
如何在HANA云平台上配置目的地？
odata、sapui5、sap-fiori、sap-cloud-platform
在hana云平台中，有一个"New project from sample application" (我认为它是最近添加的？)，我创建了一个“批准采购订单”，但是当我运行它时，有一个500个错误：
产自
"requestUri"：“/sap/opu/odata/sap/SEPMRA_PO/$元数据”
如何配置RefAppsBackend数据源？
当我从模板中新建项目时，有一个地方可以配置数据连接，但是为什么示例应用程序没有提供它呢？
浏览 6提问于2017-01-05得票数 0
回答已采纳
1回答
Firebase模拟器UI需要一个项目ID才能启动
firebase、firebase-tools
我已经运行了文档，无法让UI防火墙模拟器工作。
我在mac M1上使用firebase版本: 9.22.0
控制台中的警告。
i emulators: Starting emulators: hosting
i hosting: Serving hosting files from: build
✔ hosting: Local server: http://localhost:5001
⚠ emulators: The Emulator UI requires a project ID to start. Configure your default project with
浏览 1提问于2021-11-17得票数 4
1回答
将本地git存储库与新的github存储库同步
git、github
我在本地服务器上托管了一个本地git存储库。我想将该项目添加到github存储库。我想保留我的本地存储库作为主存储库，而github存储库作为备份存储库。
当我向github添加项目时，是否有可能保留历史记录(提交历史记录)？
我想把每一次提交都“推”到本地git仓库，所以我可以把所有的本地repo推送到github repo上吗？
如果以上两种可能，我如何实现?如果有我可以参考的链接？
Udeshika
浏览 0提问于2015-06-16得票数 3
1回答
有没有一种方法可以直接从git资源库中拉入到firebase托管的网站中？
git、firebase-hosting
我已经使用以下命令成功地部署到firebase托管应用程序：
firebase init
firebase deploy
在这个阶段，我正在执行一个git pull，将repo下拉到一个中间服务器，然后运行上面的命令，将代码部署到firebase托管站点。
我想知道是否有可能跳过临时服务器，直接将github代码库直接放入firebase。这基本上可以省去我在图片中有一个服务器。我知道我可以在本地把它下载到我的计算机上，然后做类似的事情，但这仍然不是很理想，因为我们中的一些人正在为git repo做贡献，或者有人必须承担责任，把它拉到本地，然后推送到firebase，或者所有的开发人员都需要做
浏览 11提问于2015-03-27得票数 3
1回答
Azure PaaS和持续集成
azure
我计划使用Microsoft Azure云服务来托管我的应用程序，使用Azure可以很好地处理暂存/生产实例。
然而，通常我们需要运行git和CI服务(Jenkins或CruizeControl.Net)来创建自动化构建。这将适合Azure云服务，如果我选择在VM上托管我的应用程序，我会将它们放在那里，但由于我决定走云服务之路，我没有可以用作构建服务器的服务器，我的选择是什么？
另外，我们没有运行TFS。
浏览 1提问于2013-03-07得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
