我在angular 2中创建了一个简单的应用程序,并按照以下步骤使用firebase控制台成功部署了应用程序:
首先使用Angular CLI创建项目。在此处获取更多信息https://cli.angular.io/
Step 1: Build your App
运行以下cmd构建
ng build --prod
Step 2: Create FireBase project and Install Firebase CLI
在https://console.firebase.google.com/打开Firebase控制台,然后创建一个新的Firebase项目。
要安装Firebase命令行工具,请执行以下命令:
npm install -g firebase-tools
Step 3: Deploy to FireBase
运行以下firebase cmd登录:
firebase登录 它将打开浏览器并要求您进行身份验证。使用您的Firebase帐户登录。之后您可以关闭浏览器窗口。在命令行上,您将收到登录已成功执行的消息。
现在运行以下cmd:
firebase init 首先,您被问到要使用哪个Firebase客户端功能。您应该选择托管选项:配置和部署Firebase托管站点。接下来,Firebase客户端将询问用于部署的文件夹。输入dist。这很重要,因为那是我们的生产构建存储的位置。
接下来问题是询问此应用是否是单页应用,是否应重写所有URL到index.html。在我们的例子中,我们需要回答是。
最后一个问题是Firebase是否应该覆盖文件index.html。这个问题的答案是否定的。
现在,运行以下cmd进行部署:
firebase部署 Firebase将提供一个URL,您可以使用该URL在线访问您的应用程序。
“但如果我再次更新我的应用程序,我该如何将这些更改反映到我已部署的项目中? 应该再次为我更新的应用程序执行部署过程,或者是否有任何方法可以将更改直接更新到已部署的应用程序中。