使用Angular9和Firebase进行部署(托管)

请用中文将以下句子改写成一种方式:

目标

我在使用Angular 9将应用部署到Firebase时遇到了一些问题,作为初学者,我想和大家分享一下。Firebase提供了一个称为hosting的功能,可以用来部署应用。

背景环境

在下面的环境中,已经创建了 Angular 项目,并制作了 Angular 单页面应用程序(也可以是在创建 Angular 项目时默认创建的应用程序),同时已经配置了 Firebase。
– Windows10 PRO
– Node v12.16.1
– Angular v9.0.5
– Firebase v7.13.2

请参考以下优质文章:
尝试使用Angular 9和Firebase来创建博客1。

办法

    1. 启动命令提示符。

 

    1. 使用cd或cd/d命令进入Angular项目的文件夹。示例输入)cd C:\XXXX\XXXX\XXXX(以下的cd改为你实际的目录)

 

    1. 构建Angular项目。示例输入)ng build

确认在Angular项目目录下创建了dist文件夹。
登录Firebase(会启动浏览器并输入帐户和密码)。示例输入)firebase login

初始化Firebase(见图1)。示例输入)firebase init

系统会询问是否准备好继续操作?输入「Y」确认。
系统会询问要为此文件夹设置哪些Firebase CLI功能?使用↑↓键选择Hosting,然后使用空格键进行临时决定,最后按Enter键确认。

如果有多个Firebase项目,系统会询问要选择哪个项目。选择一个项目后,该项目将作为默认设置(在.firebaserc文件中填写)。

系统会询问要将哪个文件夹设置为公共目录?(public)。输入存储有构建后文件的文件夹路径,例如输入)dist\XXXX(以下的dist\改为你实际的目录)。

系统会询问是否将配置为单页应用程序(将所有URL重写为/index.html)?输入「Y」确认(如果不是单页应用程序,则本文档不涵盖)。

系统会询问是否要覆盖文件dist\XXXX/index.html?输入「N」拒绝覆盖(如果输入「Y」,默认应用程序将被覆盖)。

部署(见图2)。示例输入)firebase deploy

image_01.jpg
image_02.jpg

结果和讨论

当我成功的时候,会部署24个文件。当失败时,可能只有0个或3个文件被部署(在Firebase上被视为成功)。如果失败,可能是由于无法正确指定public目录。请注意,问题可能因Angular或Firebase的版本而有所变化。第一次成功或失败后,从第二次开始,Firebase项目将具有默认设置,各种设置将被固定,因此可能需要检查.firebaserc文件和firebase.json文件的内容。

广告
将在 10 秒后关闭
bannerAds