渐进式的渐进式网络应用程序
使你的Angular App成为PWA
PWA的两个主要要求是一个服务工作者A.网页清单。虽然可以手动将这两个添加到应用程序，但角队团队有一个@ Angular / PWA包可用于自动化的包。
这@ Angular / PWA包将自动添加服务工作者和应用程序的应用程序。要将此包添加到应用程序，请运行：
$ ng.添加@ Angular / PWA
一旦添加此程序包运行betway东盟体育app离子构建 - 补充和万维网目录将准备好作为PWA部署。
笔记
默认情况下，@ Angular / PWA包装附带App图标的角徽标。务必更新清单以使用正确的应用程序名称，并替换图标。
笔记
服务工作人员和许多JavaScript API（例如地理位置）等功能要求应用程序在安全上下文中托管。通过托管服务部署应用程序时，请注意，将需要HTTPS来充分利用服务工作者。
服务工作者配置
后@ Angular / PWA已添加，一个新的ngsw-config.json.文件将在项目的根目录中创建。此文件负责配置Angular的服务工作者机制如何处理缓存资产。默认情况下，将提供以下内容：
{
“$架构”：“./node_modules/@angular/service-warter/config/schema.json”那
“指数”：“/index.html”那
“assetgroups”：[
{
“姓名”：“应用程序”那
“installmode”：“预取”那
“资源”：{
“文件”：[“/favicon.ico”那“/index.html”那“/*.css”那“/*.js”]
}
}那
{
“姓名”：“资产”那
“installmode”：“懒惰的”那
“updatemode”：“预取”那
“资源”：{
“文件”：[“/资产/**”那“/*。（ot |vg |cur |jpg |png | jpp |gif guetf |ttf | womoff| woff2 | ani）”]
}
}
]
}
这里有两个部分，一个用于应用程序特定的资源（JS，CSS，HTML）和资产，该应用程序将按需加载。根据您的应用程序，可以自定义这些选项。有关更详细的指南，请阅读角队的官方指南。
部署
Firebase.
Firebase Hosting为渐进式Web应用提供了许多优势，包括默认情况下的CDN，HTTPS的快速响应时间，并支持http2推。
首先，如果尚未提供，创建项目在Firebase。
接下来，在终端中，安装Firebase CLI：
$NPM.安装-g firebase-tools
笔记
如果是您第一次使用Firebase-Tools，请登录您的Google帐户Firebase登录命令。
使用Firebase CLI安装，运行Firebase Init.在您的离子项目中。betway东盟体育appCLI提示：
“您想要为此文件夹设置哪个Firebase CLI功能？”选择“托管：配置和部署并部署Firebase托管站点。”
“选择此目录的默认Firebase项目：”选择您在Firebase网站上创建的项目。
“你想用什么作为你的公共目录？”输入“www”。
笔记
接受这些接下来的两个问题将确保在应用程序中进行路由，硬重载和深度链接工作：
配置为单页应用程序（将所有URL重写为/index.html）？“输入“是”。
“文件www / index.html已经存在。覆盖？”输入“否”。
一种Firebase.Json.配置配置文件，配置应用程序以进行部署。
需要的最后一件事是确保正确设置缓存标头。为此，添加一个标题片段赛段Firebase.Json.文件。完整Firebase.Json.好像：
{
“托管”：{
“民众”：“万维网”那
“忽视”：[“firebase.json”那“** /。*”那“** / node_modules / **”]那
“重写”：[
{
“资源”：“**”那
“目的地”：“/index.html”
}
]那
“标题”：[
{
“资源”：“/ build / app / **”那
“标题”：[
{
“钥匙”：“缓存控制”那
“价值”：“公共，最大年龄= 31536000”
}
]
}那
{
“资源”：“ngsw-worker.js”那
“标题”：[
{
“钥匙”：“缓存控制”那
“价值”：“no-cache”
}
]
}
]
}
}
有关更多信息Firebase.Json.属性，见Firebase文档。
接下来，通过运行构建应用程序的优化版本：
$ betway东盟体育appIonic Build - Prod
最后，通过运行部署应用程序：
$ firebase部署
完成此后，该应用程序将居住。