如何使用 Firebase 托管部署 Angular 2 应用程序?

2023-11-25

我想知道使用 Firebase 托管部署简单的 Angular 2 应用程序所需的步骤。


这些是步骤:

1) npm install -g firebase-tools 

这将安装我们将在以下步骤中使用的 firebase CLI。

Firebase CLI 需要 Node.js 版本 0.10.0 或更高版本。

2) firebase init

项目设置

这将触发 Firebase 项目设置并将所有设置存储在本地文件中firebase.json.

  • ?您想为此文件夹设置哪些 Firebase CLI 功能?确保选中[托管:配置和部署 Firebase 托管站点],然后按 INTRO。

  • ?您想要将哪个 Firebase 项目关联为默认项目?选择【创建新项目】

托管设置

  • ?您想使用什么作为您的公共目录?您需要为 Angular 2 应用程序选择(构建)文件夹。默认为(公开)。
  • ?配置为单页应用程序(将所有 url 重写为 /index.html)?回答是。

注意:此文件夹下的任何内容都将作为静态资源。

4) You need to go to (https://console.firebase.google.com) to create a new Project.
  • 单击(创建新项目)。

  • 为您的项目选择一个很酷的名称,然后选择一个国家/地区。例如:英国。

你的项目名称看起来像cool-f5b0d.

5) firebase use --add

选择您刚刚创建的项目。

  • ?您想添加哪个项目?选择您创建的新项目。

  • ?您想为此项目使用什么别名?您可以使用别名以方便参考

6) firebase deploy

这将部署在步骤 2 中设置的资产文件夹。确保它与 Angular 2 应用程序的(构建)文件夹匹配。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何使用 Firebase 托管部署 Angular 2 应用程序? 的相关文章

  • Angular 2:当我通过浏览器刷新时发生404错误[重复]

    这个问题在这里已经有答案了 我已将单页应用程序存储在服务器中名为 myapp 的文件夹中 我已将库中的 URL 更改为http example com myapp http example com myapp 60 我的项目有两个页面 所以
  • 在 Angular 中显示 formControlName 的验证消息

    我有以下 Angular 注册表单
  • Angular Http 客户端 - 如何将嵌套参数对象传递给 GET API

    我正在使用最新版本的角度 8 我正在将我的 Http 请求从原始 http 转换为新的 http 客户端 我正在调用 GET API 其中我通过以下方式发送嵌套参数 let data any filters 4e9bc554 db54 44
  • Angular:先完全安装 Service Worker

    我正在用 Angular 编写一个 PWA 需要准备好从单页加载中离线 Service Worker 生命周期的文档指定 Worker 已安装但不会立即激活 https developers google com web fundament
  • Angular 中的文件输入事件类型

    所以我已经使用 Angular 和 Typescript 很长时间了 我似乎无法找出输入文件的类型是什么 例如
  • 您必须位于 angular-cli 项目中才能使用serve命令

    我正在尝试运行拖放示例dragula https github com valor software ng2 dragula 但是当我跑步时ng serve它抱怨 You have to be inside an angular cli p
  • 拖动元素时是否禁用 mousemove 事件?

    我试图通过在拖动元素时观察文档上的 mousemove 事件来移动元素 使用 html5 拖放 我在文档的父元素上添加了一个 mousemove 侦听器 每当我移动鼠标时都会触发该监听器 但是一旦我开始拖动另一个子元素 我就不再看到 mou
  • Angular 2 runOutsideAngular 仍然改变 UI

    从我的理解来看runOutsideAngular https angular io docs ts latest api core index NgZone class html runOutsideAngular anchor 如果我需要
  • aspnetcore 出现角度错误 NodeInitationException:节点调用在 60000 毫秒后超时

    我在用着yo generator aspnetcore spa一旦我运行应用程序 我就遇到了问题 处理请求时发生未处理的异常 NodeIncationException 节点调用在 60000 毫秒后超时 您可以通过设置更改超时持续时间 N
  • D3、TS 和 Angular 2

    我正在尝试将 D3 v4 与 Angular 2 Typescript 一起使用 我目前正在研究 D3 v4 我能够遵循 stackoverflow 中类似问题的一些答案 但没有成功 我已经导入了大部分 D3 库及其类型 我使用的是 TS
  • angular2 MdDialog 未显示为弹出窗口

    所以我尝试使用 MdDialog 来显示错误消息 不幸的是 它不是显示为弹出窗口 而是显示为页面底部的块 我需要查看或更改哪些内容才能使其正常工作 下面的代码 common modal component html h2 title h2
  • 聆听 Angular 2 中的元素可见性

    我正在为我的网络应用程序使用 Bootstrap 和 Angular 2 v4 我想监听指令中的元素以了解可见性变化 我的元素有一个可以隐藏其子元素的父元素hidden sm up我需要在每次隐藏或显示时触发一个函数 div hidden
  • 订阅内循环订阅?

    我目前正在与订阅内的 multiples forEach 订阅作斗争 我正在尝试检索对象列表 然后通过它们的 ID 检索它们的图像 目前我已经这样做了 this appTypeService get pipe map apps AppTyp
  • 有谁知道在 Angular 2 应用程序中使用的简单日期选择器?

    有谁知道在 Angular 2 应用程序中使用的简单日期选择器 我似乎无法让 jquery ui datepicker 工作 有谁知道一个容易实施的方法 我尝试过 html date 但它不适用于所有浏览器 我正在使用带有 html5 和
  • Angular 2 - ng 构建与 webpack 构建

    我想了解构建和部署 Angular 2 Web 应用程序的最佳方法是什么 我最终需要将其作为 Web 捆绑资源提供给我的 dropwizard 应用程序 我试图了解是否应该保留 ng build 并使用它来生成我的 dist 文件夹 或者我
  • 只能通过bootstrap将服务注入到服务中吗?

    我正在尝试连接一个使用 Http 服务的基本 Angular2 应用程序 我见过的大多数教程都是通过Component消耗Http服务 这似乎是错误的 除非瘦控制器的基本理念已经改变 但这是一个不同的问题 我想创建一个使用 Angular
  • 角度 2 通道数组到自定义验证器(模板驱动形式)

    我需要将一个对象数组传递给 a2 自定义验证器 然后我想根据该数组中的记录验证模板驱动表单字段的值 但是我无法检索验证器内的对象 我唯一能看到的是它的名称作为字符串 如有任何帮助 我们将不胜感激
  • 有角度的动态背景图片

    在 html 模板中 我有这种带有动态图像的样式 div style background none width 200px height 150px div 它适用于网络浏览器和 Android 浏览器 但是 使用 style 的动态背景
  • Angular:如何动态更改 scss 变量?

    我对 scss 很陌生 所以我想知道是否可以使用组件的 Typescript 来更改 scss 变量 所以考虑一下 html div div scss thememode theme1 textcolormode nonHover colo
  • 如何确定所有角度2分量都已渲染?

    当所有 Angular2 组件完成渲染时 是否会触发一个角度事件 For jQuery 我们可以用 function 然而 对于 Angular2 当domready事件被触发 html 只包含角度组件标签 每个组件完成渲染后 domrea

随机推荐

  • ImageIO: JPEG 损坏的 JPEG 数据:数据段过早结束 iphone - 如何捕获此问题?

    我通过 HTTP 下载图像时收到此错误 我看过在这里回答但即使有效的图像也不会返回YES从函数 还有其他想法吗 获取图像的代码很简单 这发生在后台线程中 NSData data NSData dataWithContentsOfURL NS
  • 导航控制器透明栏样式不起作用

    我正在使用导航控制器 并且我将样式设置为 navController navigationBar barStyle UIBarStyleBlackTranslucent 但是当我运行我的程序时 导航控制器看起来像是在白色背景之上 而不是我的
  • 将总行附加到数据帧后删除 pandas 数据帧索引的名称

    我按一周中的每一天计算了一系列总计提示 并将其附加到底部totalspt数据框 我已经设置了index name为了totalspt数据框为无 然而 当数据框显示默认的 0 1 2 3 索引时 它不会在索引正上方的左上角显示默认的空单元格
  • 获取类型错误:__init__() 缺少 1 个必需的位置参数:尝试在包含条目的子表之后添加父表时“on_delete”

    我的 sqlite 数据库中有两个类 一个名为的父表Categorie子表称为Article 我首先创建了子表类并添加了条目 所以首先我有这个 class Article models Model titre models CharFiel
  • 我创建了一个带有自动刷新功能的 PrintWriter;为什么不自动冲洗?

    我的客户端是一个网络浏览器 并使用以下网址向我的服务器发送请求 http localhost 这是服务器端代码 问题出在run方法上ServingThread class class ServingThread implements Run
  • 学说2中的多态关系

    有没有办法实现Laravel在主义上的多态关系 这是一个例子 class Address protected street public function setStreet public function getStreet class
  • 枚举的枚举为 NULL

    我正在为我的 Java 1 6 大学课程开发一个 LALG 编译器 所以我上了类型课和语法课 枚举类型 public enum EnumTypes A OLA B MUNDO C HELLO D WORLD The order below
  • spring security中的手动认证逻辑应该去哪里——服务层还是表示层?

    我有这段代码 UserDetails userDetails userDetailsServiceImpl loadUserByUsername email Authentication authentication new Usernam
  • 从 Android 检索 GPS 修复中使用的卫星数量

    我正在尝试检索 GPS 修复中使用的卫星数量 我实现了两种不同的方法 如下所示 package ti utils import android app Activity import android content Context impo
  • 我可以复制或拦截 Java 中的输出流吗?

    我想拦截标准输出流 然后将内容复制到另一个流 但我也希望保持标准输出流像原来一样 我可以用 Java 实现这一点吗 您可以使用类似示例的内容TeeOutputStream在这里解释编写您自己的 Java I O 流类 基本上 您创建一个 T
  • 目前在 Jupyter/iPython 中动态更新绘图的正确方法是什么?

    在答案中如何在 ipython 笔记本中动态更新循环中的绘图 在一个单元格内 给出了如何在 Python 循环中动态更新 Jupyter Notebook 内的绘图的示例 然而 这是通过在每次迭代中销毁并重新创建绘图来实现的 并且其中一个线
  • 将缺失的日期添加到 pandas 数据框中

    我的数据可以在给定日期有多个事件 也可以在某个日期没有事件 我记录这些事件 按日期计数并绘制它们 然而 当我绘制它们时 我的两个系列并不总是匹配 idx pd date range df simpleDate min df simpleDa
  • 是否存在占用 0 字节的 C++ 类型

    我试图声明一个占用零字节的 C 变量 它在一个联合体中 我从 int 0 类型开始 我不知道这是否实际上是零字节 尽管 sizeof int 0 是 0 我需要一种更好的方法来声明 0 字节类型 并且希望可以将其类型定义为 nullType
  • 无法使用 127.0.0.1 连接到 mysql

    使用以下代码我可以连接到mysql mysql connect localhost username 但如果我改变localhost to 127 0 0 1我收到以下错误 无法连接到 127 0 0 1 上的 MySQL 服务器 13 为
  • 命令行参数的Shell脚本密码安全

    如果我使用密码作为命令行参数 则它在系统上是公开的ps 但是如果我在 bash shell 脚本中并且执行如下操作 somecommand p mypassword 这仍然会出现在进程列表中吗 或者这样安全吗 子流程怎么样 不安全吧 协进程
  • 图库/AdapterView 子可绘制状态

    我正在使用图库视图 其中与每个项目相对应的视图都非常重要 并且由文本和多个按钮组成 当我单击以拖动图库视图 不在按钮之一上的某处 时 按钮的可绘制状态更改为按下 并且看起来好像所有按钮当前都被按下 此外 选定状态也会发生相同的行为 例如 子
  • 轻量级8字节哈希函数算法

    我需要从可变长度字符串中提取 8 字节摘要 因此我正在寻找将在 c c 中实现的算法 这将是微控制器上数字签名过程的一部分 因此它必须是 可以用几行代码编写 因为必须保留尽可能少的固件 资源消耗低 特别是RAM 最好小于100字节 足够强大
  • 如何在 Matlab 中打开 DBase 文件(.DBF)?

    我已经在 Matlab Central 中进行了谷歌搜索 但找不到任何直接在 Matlab 中打开 DBF 文件的方法 TMW File Exchange 中有一些对 DBFREAD 函数的引用 但它不再可用 真的有问题吗 我确实有数据库工
  • 如何从控制器外部访问登录用户?

    我正在使用 SignalR 处理来自客户端对我的 MVC3 应用程序的点击 每次用户单击某些内容时 我都需要验证登录的用户 如果这是在 MVC3 控制器内 我会 if User Identity IsAuthenticated string
  • 如何使用 Firebase 托管部署 Angular 2 应用程序?

    我想知道使用 Firebase 托管部署简单的 Angular 2 应用程序所需的步骤 这些是步骤 1 npm install g firebase tools 这将安装我们将在以下步骤中使用的 firebase CLI Firebase