如何使用Firebase托管部署Angular 2 App?

Ger*_*ans 6 firebase-hosting angular

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

Ger*_*ans 8

这些是步骤:

1) npm install -g firebase-tools 
Run Code Online (Sandbox Code Playgroud)

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

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

2) firebase init
Run Code Online (Sandbox Code Playgroud)

项目设置

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

  • ?您要为此文件夹设置哪些Firebase CLI功能?确保选中[主机:配置和部署Firebase托管站点]并按INTRO.

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

托管设置

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

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

4) You need to go to (https://console.firebase.google.com) to create a new Project.
Run Code Online (Sandbox Code Playgroud)
  • 点击(创建新项目).

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

您的项目名称将类似于cool-f5b0d.

5) firebase use --add
Run Code Online (Sandbox Code Playgroud)

拿起刚刚创建的项目.

  • ?您要添加哪个项目?选择您创建的新项目.

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

6) firebase deploy

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