问题标签 [pwa]

一天中的好时光！

我正在使用带有npm run generate命令的静态生成的网站，虽然放置在 pages 目录中的所有页面都可以正常工作（动态页面、所有已实现的功能等），但不存在的页面只是返回默认的 Web 服务器错误页面。

在本地机器上，npm run dev我可以被迫出现 Nuxt 生成的“找不到页面”错误，而在运行 Apache 的生产服务器上，我不能使用包提供的中间件（例如@nuxt/sitemap）作为以及任何可能触发错误的页面 (40*,5**,3**) 都由 Web 服务器直接处理。

由于npm run dev刚刚启动express web 服务器，我猜 express 设置的任何路由规则都可以在 Apache .htaccess配置中重现，我只是不知道在哪里寻找它们。

这是我在没有Nuxt的 Vue 项目中的配置，一切都按预期工作（重定向等）

但是，当在 Nuxt 应用程序上运行相同的文件时，每个请求都只是重定向回主页。

这是在nuxt.config.js中配置路由器的方式

因此，从我的角度来看，我已经向 Web 服务器提供了它需要正确识别页面何时不存在（在应用程序内部）的信息，但它并没有尝试这样做，而是简单地检查文件是否物理存在。

我不明白原因，为什么 Chrome 显示，应用程序无法脱机工作。它需要互联网连接，但它会将所有内容作为 JSON 动态加载。为什么不允许在渐进式 Web 应用程序中获取数据。您可以在https://testapp.jasmich.de/上查看它

我按照此处的Google PWA 教程中的说明制作了我自己的具有离线功能的应用程序。当我对我的 运行 Lighthouse 检查时localhost:3000，我收到一份报告说一切正常。

请注意，我只缓存了我的索引文件和 svg 图像资产。

但是当我离线并尝试运行我的应用程序时，我收到一些文件尚未加载的错误。

所以我回去添加更多文件到缓存。请注意，此文件不是我创建的。

尽管离线功能现在可以正常工作，但我还看到了一些其他随机生成的文件，这些文件是在我尚未明确缓存的构建文件夹中创建的。那么我应该在服务工作者中缓存哪些文件以便它们以离线模式显示？

TLDR；我们应该缓存哪些文件和图像/，/index.html以便我们可以使用离线功能？

我正在尝试在运行 iOS 11.4 的 iPhone 6 上使用 Firebase Cloud Messaging，当 Web 应用程序尝试初始化 FCM 时，会显示以下消息

FirebaseError: Messaging: This browser doesn't support the API's required to use the firebase SDK

设备：iPhone 6
iOS 版本：11.4
FCM JS SDK 版本：5.0.4
Safari 版本：11.0（如图所示navigator.appVersion）
Chrome 版本：67.0.3396.87

我正在构建一个Angular PWA，我在其中集成了 Firebase 推送通知。我已经完成了一切，我只在我的应用程序的后台收到弹出通知，但我希望当用户使用应用程序时弹出通知应该在那里，或者你可以说，当应用程序在前台时。

组件.ts：

以下是在后台显示通知的代码：

请让我知道，我该如何实现该功能。

我正在构建一个Angular 渐进式 Web 应用程序。我希望我的应用程序表现得像本机应用程序，但是如果您希望它表现得像本机应用程序，我会遇到一些不应该存在的问题。

我已将其构建为 PWA，它已成功添加到我的主屏幕上。应用程序和图标都显示在主屏幕上。但我面临的问题是：

• 当我搜索它时，就像我在手机上搜索其他应用程序一样，它不会出现在列表中。但是我已经用Flipkart Lite测试了这个场景，我已经将它添加到我的主屏幕，当我搜索它时，它会出现在应用程序列表中。

我的 manifest.json 是：

我的app.module.ts文件将服务工作者导入为：

您可以找到如下截图：

请让我知道我能做些什么来实现这一目标。

我对推送通知有疑问。我在firebase函数日志中有这个错误：

错误：要发送带有有效负载的消息，订阅必须具有“auth”和“p256dh”键。

这是我用于存储帖子数据的功能，我认为问题出在这里，因为它甚至无法在 serviceWorker 中推送事件（我在那里没有任何日志）。

我有不同的环境，我想测试我的清单和我的 ServiceWorker 但是我找不到一种方法来拥有多个 manifest.json，每个环境都有一个。

有什么办法吗？

我正在寻找构建一个数字贴纸购买应用程序并使用 Firebase 应用程序索引来使这些贴纸在 Gboard 中可用（根据https://android-developers.googleblog.com/2017/09/create-stickers-for-gboard-on -google.html )。

然而，与其构建一个原生的 Android 应用程序，我更喜欢构建一个用户可以购买贴纸的 PWA。

但是，据我所知，没有关于将 Firebase App Indexing 与 PWA 结合使用的文档。

任何人都可以就这是否可能提供任何明确的见解，或者即使它是否在 Firebase / PWA 的路线图上？

谢谢

我正在使用 EmberJS 构建实现 Facebook 登录的 PWA。当它被用作“已安装”的 PWA 时，Facebook SDK 不工作，并在授予权限后给出一个空白页面。所以我不得不实施 Facebook 登录流程，直到上周一切正常。

此代码仅在检查它是否在“独立”中后运行。现在，当我在我的 Android 手机上运行相同的东西时，它会打开 Facebook 应用程序，请求许可并去重定向，但在 Facebook 应用程序内的 web 视图中。

代码在工作时没有更改。

任何帮助将非常感激。