是否可以通过 PWA 设置闹钟? (构建计时器/闹钟应用程序)

2023-12-26

我正在构建一个 PWA 应用程序,其工作原理类似于番茄钟。因此,它会倒计时 25 分钟,并在时间到时通知用户。

我想到了几个解决方案。 - 当 PWA 应用程序启动时,它会设置手机内置的闹钟 - PWA 应用程序始终在后台运行,并触发自己的警报。

我的应用程序将有关计时器何时结束的数据保存在 firebase 的实时数据库中。所以我正在考虑使用 firebase 函数来检查剩余时间,但这可能是不可能的,因为这些函数很快就会丢失。

我还在考虑一个单独的后端来检查时间是否已经过去并向手机发送推送通知,但我不知道如何去做以及这是否是一个好的解决方案。

我希望应用程序 PWA 在时间用完时通知用户。尤其是当它关闭时。例如,通过通知或警报。我可以使用什么工具来实现这一点(时间到时收到通知/蜂鸣声)?


“目前还无法设置后台计时器。 ScheduledTask API 可能可以满足您的需求,但它仍在讨论、实现等过程中。”

Refer 渐进式网络应用程序中的后台事件? (构建闹钟应用程序) https://stackoverflow.com/questions/36944167/background-events-in-progressive-web-apps-building-an-alarm-clock-app.

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

是否可以通过 PWA 设置闹钟? (构建计时器/闹钟应用程序) 的相关文章

  • 使用javascript滚动滚动条或鼠标滚轮后触发事件

    我想知道是否可以触发事件after使用滚动条或鼠标滚轮 或在触摸设备上滑动 时滚动页面 基本上 我想检测用户何时停止滚动 以便我可以进行 AJAX 加载 而不是在滚动时加载 看起来jQuery s scroll 每次用户滚动时都会触发 并且
  • Firebase Messaging FCM 在可配置的时间间隔内分发

    当您使用 FCM 向给定应用程序的所有设备发送推送时 这可能会导致许多用户同时打开他们的应用程序 从而导致大量服务器轮询 从而导致负载峰值 有没有一种方便的方法可以在给定的时间间隔内分发消息以进行计划推送 最后 我们找到了一种可能的方法 通
  • 玉石压痕错误

    因此 对于我的 Express 网站 我使用 jade 所以我决定尝试修改我的布局文件 以便我可以开始设计我的网站 我修改了原始布局代码 有效 但我开始在任何扩展布局的文件中出现缩进错误 如下所示 500 Error home kevin
  • 如何判断网站是否使用 next.js?

    很容易判断一个网站是否使用 ReactJS 通过使用反应开发者工具 https chrome google com webstore detail react developer tools fmkadmapgofadopljbjfkapd
  • 如何在 Windows 网络中的 Intranet Web 应用程序中获取用户的用户名

    我内部有一个简单的 HTML 页面 它只显示一个表单并要求用户填写 我想自动捕获Windows域用户名和机器名 并将其与表单中收集的数据一起提交 我可以在客户端这样做吗 HTML JavaScript 或者我被迫在服务器端执行此操作 我还不
  • 如何使用 Nextjs/React 将 JSON 对象导出到 Excel?

    我有一个检索 json 对象的端点 如下所示 data id 1 temaIndicador Indian codigo 001 observaciones Interactions Specialist tertiary Regional
  • 插件 gulp-babel 错误:插件/预设文件不允许导出对象,只能导出函数

    我现在尝试在我的 Ionic v1 应用程序中使用 JavaScript 2015 ES6 包 json name test version 1 0 0 dependencies ionic native deeplinks 4 18 0
  • 修复 Raphaël 路径节点上 Tipsy 工具提示的位置

    这是一个非常具体且有些复杂的问题 所以我设置了一个最小测试用例 http reveal dk 8080 revealit dk tipsytest 在阅读本文的其余部分之前 您可能应该先了解一下 我的页面显示悬停时突出显示区域的图像Raph
  • 数据未刷新“DynamiteModule:未找到 com.google.firebase.auth 的本地模块描述符类”

    我已经使用 Firebase 很长时间了 到目前为止 除了以下场景之外 一切都很好 有时我注意到我的应用程序不再获取新数据 我正在用一个活跃的监听器监听变化 并且我确实有keepSynced set to true 发生这种情况时 我会在日
  • 如何将焦点设置在 BootStrap 中的第一个输入字段上? [复制]

    这个问题在这里已经有答案了 可能的重复 如何将焦点设置到独立于 id 的 HTML 表单中的第一个输入元素 https stackoverflow com questions 277544 how to set the focus to t
  • 如何将React JS状态保存到本地存储中

    我不知道如何将 React js 状态存储到本地存储中 import React Component from react import App css import auth createUserProfileDocument from
  • iPhone 上的锁定方向 UIWebView

    有没有办法锁定 UIWebView 的方向 使用 Obj C JS 还是 Html 我不想有按钮或任何东西 我只想在应用程序打开时将其锁定为纵向 好像这个堆栈溢出帖子 https stackoverflow com questions 43
  • 如何在MUI GridList中实现图块的水平滚动?

    这是我的 JS 页面 我需要在其中实现GridList组件显示多个图块 并且在列表大小超出屏幕限制后可水平滚动 import React useState from react import Header from common heade
  • 如何让php页面从html页面接收ajax post

    我有一个非常简单的表单 其中有一个名字输入字段 我捕获了表单数据 并使用标准 jQuery 发布方法通过 ajax 将其传输到 PHP 页面 但是 我根本无法从 PHP 页面获得任何在服务器端捕获数据的响应 我不确定我做错了什么或缺少什么
  • 如何禁用网页中的萤火虫?

    如何使用 Javascript 禁用 firebug 我想这样做是为了向访问者隐藏我的网页的运作方式 有什么选择可以做到这一点吗 你不能 你能做的最好的事情就是混淆你的 JavaScript 实际上刮掉了 您能做的最好的事情就是将所有安全关
  • WebpackError:ReferenceError:Gatsby 上未定义窗口

    我已经在互联网上进行了大量搜索 但无法解决这个问题 我正在使用 Gasby 开发静态页面 但遇到此错误 WebpackError ReferenceError window is not defined 我的线索是 这与我正在使用的引导 模
  • Firebase 身份验证和实时应用程序数据库如何保护自身安全?

    从一般开发的角度来看 我很好奇如何保护在线资源的访问 我们使用以下 Firebase 配置参数初始化 Web 应用程序 apikey authdomain projectid databaseurl messagesenderid 服务器如
  • 如何计算一行中Flexbox项目的数量?

    网格是使用 CSS flexbox 实现的 Example http jsbin com jumosicasi edit html css js output 本示例中的行数为 4 因为我出于演示目的固定了容器宽度 但是 实际上 它可以根据
  • 如何得知客户端从服务器的下载速度?

    根据客户的下载速度 我想以低质量或高质量显示视频 任何 Javascript 或 C 解决方案都是可以接受的 Thanks 没有任何办法可以确定 您只能测量向客户端发送数据的速度 如果没有来自客户端的任何类型的输入来表明其获取信息的速度 您
  • 如何强制下载图片?

    我的页面上有一个动态生成的图像 如下所示 img src 我不想告诉我的用户右键单击图像并点击保存 而是想公开一个下载链接 单击该链接将提示下载图像 如何实现这一目标 最初我在 js 中尝试这样做 var path my image att

随机推荐

  • 如何在 WPF 中创建可拖动到主窗口之外的面板?

    尝试在 Visual Studio 2008 中复制对接控件 我的应用程序为 FAA 重播 RADAR 环境 并且我希望双显示器用户能够将控制面板拖动到另一个显示器 以使主画布保持清晰 此功能类似于将 VS 中的不同面板拖到主窗口之外的方式
  • MIPS 伪指令、替换

    经过研究后 我发现这只是获得相同结果的方法的替代 如果我错了 请纠正我 example move s0 t1 可以替换为 add s0 zero t1 问题 怎样才能更换lw la sw bne 是的move指令可以并且被替换为add操作说
  • 当我使用 Control-C 中断 C# 控制台应用程序时会发生什么?

    当我使用 Control C 中断 C 控制台应用程序时会发生什么 进程被杀死了吗 内存被释放了吗 是finally块被执行 数据库连接会发生什么情况 如果应用程序是为调试或发布而构建的 或者在 Visual Studio 内部 外部运行
  • Angular 动态组件 AOT 问题

    由于一些业务逻辑 我必须读取动态组件 EntryComponents 的元数据 要读取元数据 以下是我的方法 使用读取模块的所有组件组件工厂解析器 使用组件名称和特定方法过滤掉类 创建组件并读取数据 销毁该组件 const factorie
  • 如何对多个项目使用 ETag / If-Match

    在 RESTful 接口中处理乐观锁定的推荐方法似乎是返回一个ETag来自 GET 并提供If Match在 PUT 上 即 GET items 1 gt gives client an ETag for a single item PUT
  • 从块返回 UIImage

    我有以下代码 UIImage getPublisherLogo check the cache if the logo already exists NSString imageUrl NSString stringWithFormat i
  • 与 Eclipse 编译器相比,为什么 javac 1.5 运行速度这么慢?

    我有一个 Java Maven 项目 其中包含大约 800 个源文件 其中一些由 javacc JTB 生成 使用 javac 编译需要花费 25 分钟 当我将 pom xml 更改为使用 Eclipse 编译器时 编译大约需要 30 秒
  • Qt 会泄漏内存吗?

    如果我编译这个 Qt hello world include
  • Python需要安装ipykernel

    我在 VS code 中使用 Jupyter Notebook 时遇到问题 屏幕显示 Python 3 7 8 requires ipykernel to be installed 我按照弹窗安装了ipykernel 还是不行 附上截图 很
  • 数据损坏:错误在哪里‽

    最后编辑 我已经弄清楚问题是什么 请参阅下面我自己的答案 但我似乎无法将问题标记为已回答 如果有人可以回答我在下面的回答中提出的问题 即这是 Cython 中的错误还是这是 Cython 的预期行为 我将标记that答案被接受 因为这将是从
  • 如何将 Yii 与多语言数据库模型一起使用?

    我在从我创建的完全多语言数据库中获取数据时遇到问题 我希望这里有人可以帮助我 我将所有桌子分成两部分 通用 表 不包含任何需要翻译的文本 和包含需要翻译的所有字段及其翻译的表 示例表 base material id picture bas
  • 生成多个 PDF 并将其压缩以供下载,全部在一个视图中

    我在用xhtml2pdf在我的 Django 视图中生成 PDF 这个想法是循环遍历查询中的所有实例 然后为每个实例创建一个 PDF 然后将所有生成的 PDF 添加到一个 zip 文件中以供下载 这xtml2pdf逻辑工作正常 但循环逻辑让
  • 您应该如何引用 JSON 对象符合的 JSON 模式?

    还有另一个问题与我在这里问的问题类似 您能否在符合 JSON 架构的 JSON 文档上指定架构 URI https stackoverflow com questions 58042566 can you specify the schem
  • 获取未捕获的 TypeError: ...default 不是构造函数 - 来自 Vue 组件

    您好 我在 chrome 控制台中收到以下错误 Uncaught TypeError firebase2 default is not a constructor 当我在中使用以下代码时Fire vue webpack vue loader
  • MYSQL更新权限也需要选择权限吗?

    在MYSQL数据库中 我想在不选择的情况下给用户更新权限 可以吗 这是可能的 但你的问题是 你的 UPDATE Query 包含一个 WHERE 子句 它至少需要在内部查询字段 因此 您在这里需要 SELECT 权限 否则 可以尝试使用强力
  • Windows 8.1 中 MediaElement 的样式

    如何更改示例的样式MediaElement 例如我怎样才能改变背景 Code
  • 当以角度 5 / 6 单击按钮时如何从 url 下载文件

    我有一个前的网址 abc net files test ino 需求是通过角度5或6的按钮点击事件下载 INO文件 您可以创建一个锚标记来在按钮单击事件上下载文件 downloadMyFile const link document cre
  • 在缓存中找不到“Extent.ftl”的模板(“en_US”,UTF-8,已解析)

    我正在使用 Selenium Webdriver 版本 3 4 0 并在 Windows 7 上的 IE11 浏览器中运行我的测试脚本 虽然我的测试用例成功 但我在控制台中收到以下日志 请建议 DEBUG 15034 freemark 无法
  • 如何在 JavaScript 中显示 SweetAlert

    如何在此 JavaScript 代码中显示 SweetAlert function removeReg del reg if confirm Are you sure you want to delete n the reg name de
  • 是否可以通过 PWA 设置闹钟? (构建计时器/闹钟应用程序)

    我正在构建一个 PWA 应用程序 其工作原理类似于番茄钟 因此 它会倒计时 25 分钟 并在时间到时通知用户 我想到了几个解决方案 当 PWA 应用程序启动时 它会设置手机内置的闹钟 PWA 应用程序始终在后台运行 并触发自己的警报 我的应