angular - 如何使用 Firebase 托管部署 Angular 2 应用程序？

Question

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

Answer 1

这些是步骤:

1) npm install -g firebase-tools 

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

Firebase CLI requires Node.js version 0.10.0 or greater.

2) firebase init

项目设置

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

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

• ？您希望将哪个 Firebase 项目关联为默认项目？选择[创建新项目]

托管设置

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

Note: anything under this folder will be served as static assets.

4) You need to go to (https://console.firebase.google.com) to create a new Project.

• 点击(创建新项目)。

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

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

5) firebase use --add

选择您刚刚创建的项目。

• ？您要添加哪个项目？选择您创建的新项目。

• ？你想为这个项目使用什么别名？你可以使用别名以便于引用

6) firebase 部署

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