当前位置: 首页 > 知识库问答 >
问题:

从S3静态网站服务站点时,Angular 9服务人员不工作

卫成和
2023-03-14

我正在构建一个PWA应用程序,因此我:

  • 像往常一样创建一个新的Angular应用(CLI 9.1.8);
  • 根据文档(https://angular.io/guide/service-worker-getting-started)添加了PWA支持;
  • ng build--prod
  • 将其复制到配置为服务静态网站的S3存储桶;
  • 在Chrome成功地浏览了它。

问题是:

  • 事件之前安装提示永远不会被触发;
  • 开发者工具-

另一方面,如果我在本地服务它(比如超文本传输协议-server dist/my-app),并在Chrome上浏览它,它就可以正常工作,有beForeInsticker、Service Worker和其他一切。

然而,与我在S3静态网站上浏览时发生的情况类似,如果我使用我的iPhone/Android使用WI-FI网络浏览桌面上提供的应用程序,它并不完全工作。我知道,iOS不支持beFore安装提示事件,但它也不会发生在Android上。

从S3静态网站提供PWA服务可能不是问题,而是我的应用程序?也许我错过了一步或者别的什么。

因此,总结一下:它只在从localhost提供应用程序并在同一台机器上运行的Chrome上浏览时起作用。

注意:不确定这是否重要,但我现在不使用AWS Amplify。可能在将来,但还没有。从S3静态网站服务PWA是否需要此功能?

共有1个答案

白镜
2023-03-14

对于PWA检查,HTTPS是必须的https://developer.mozilla.org/en-US/docs/Web/Progressive_web_apps/Installable_PWAs

设置HTTP的一种方法是使用s3bucket设置cloudfront,但请记住在设置时选中选项HTTP to HTTPS

 类似资料:
  • 我试图将一个静态网站安装到S3中,使用自定义域,并使用CloudFront处理HTTPS。 问题是根路径可以正常工作,而子路径不能正常工作。 显然,所有这些都与默认根对象有关,我在这两个地方都将其配置为index.html。 null 即使Index.html的副本出现在安装目录中,CloudFront也不会返回默认的根对象。 如果将发行版配置为允许CloudFront支持的所有HTTP方法,则默

  • 我最近刚把我的域名从托管提供商转移到亚马逊。我想使用S3 buckets托管我的网站,我最初试图将buckets设置为和,但我认为我以前的托管提供商使用了这些bucket名称,因为我无法创建它们。 所以我现在正在研究一个工作... -创建一个具有唯一名称的新bucket,并将我的网站文件放入其中 -我设置了Cloud Front来从该bucket中提取文件 -最后是一个Route53宿主区域,CN

  • 章节简述: 本章先向读者科普什么是Web服务程序,以及Web服务程序的用处,然后通过对比当前主流的Web服务程序来使读者更好地理解其各自的优势及特点,最后通过对httpd服务程序中“全局配置参数”、“区域配置参数”及“注释信息”的理论讲解和实战部署,确保读者学会Web服务程序的配置方法,并真正掌握在Linux系统中配置服务的技巧。 刘遄老师还会在本章讲解SELinux服务的作用、三种工作模式以及策

  • 我从事spring boot 1.3.3的工作。使用JSP作为视图技术发布。 JSP页面、静态资源(如CSS、JS和图像)正在正确加载。但是如何提供txt或xml等静态资源(robots.txt、sitemap.xml) 我的控制器正在处理请求并尝试呈现jsp视图。 一个pplication.java 控制器 application.properties 下面的URL由控制器处理,它呈现home.

  • 使用静态网站构建工具不但可以让我们构建静态网站的工作大大简化,而且还可以迅速验证自己的想法,以最高效的方式开发网站。 这一章中将分别介绍三款流行的开源静态网站构建工具,然后说明为什幺我们选择使用Hugo来构建静态网站。 对比 下面是三款静态网站构建工具的简要对比: 工具名称 开发语言 构建效率 典型用例 特点 jekyll ruby 比较慢 GitHub Pages默认的静态网站构建工具、kube