首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

iOS/Safari - React App上的Web API推送。2021年真的没有服务吗?

在iOS/Safari上的React App上进行Web API推送,2021年确实有可用的服务。以下是关于这个问题的完善且全面的答案:

Web API推送是一种通过Web API向客户端应用程序发送实时消息或通知的技术。它允许开发人员将实时数据或重要信息推送到用户的设备上,以提供更好的用户体验和即时通知。

在iOS/Safari上,可以使用以下技术来实现Web API推送:

  1. Apple Push Notification Service (APNs):APNs是苹果提供的推送服务,用于向iOS设备发送推送通知。开发人员可以使用APNs来向iOS/Safari上的React App发送推送通知。具体的实现步骤和代码示例可以参考苹果的官方文档:Apple Push Notification Service
  2. Web Push API:Web Push API是一种现代的Web标准,用于在支持的浏览器上实现推送通知功能。虽然Safari目前不支持Web Push API,但其他主流浏览器如Chrome和Firefox支持该API。因此,如果你的React App在其他浏览器上运行,你可以使用Web Push API来实现Web API推送。关于Web Push API的详细信息和使用方法,可以参考MDN的文档:Web Push API

综上所述,对于iOS/Safari上的React App,可以使用苹果提供的APNs服务来实现Web API推送。如果你的应用程序也在其他浏览器上运行,你可以考虑使用Web Push API来实现推送功能。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

苹果拒绝支持PWA的行为对Web贻害无穷!

作者认为Google已经建立了一个PWA的基线清单,并且其中的许多功能在移动版的 Safari 上也是支持的: 站点通过HTTPS提供服务 页面对平板电脑和移动设备的响应 起始网址在离线时加载(实际上在...iOS上做不到) 提供添加到主屏幕的元数据 首次加载很快甚至在3G环境 网站跨浏览器 页面过渡不会被网络阻塞 每个页面都有一个URL 这是认真的吗?...以下功能是你无法在移动版 safari 上做的事情,因为苹果拒绝支持它们: 创建应用程序加载屏幕 使用推送通知 添加离线支持 创建一个初始的应用程序UI来实现即时加载 通过浏览器引导对话框,提示安装到主屏幕...(说句良心话, 在几年前还没有 React Native 这个选择) 一旦引入了一个包装器,你仍然需要通过 app store发布自己的应用。...学习 Angular 的感觉就像是我在与语言抗争,而 React 却使我能够立即上手。我还从来没有这么兴奋过……嗯,实际上,也从来没有过,而且支撑它的社区真的很棒。

1.9K30
  • 备受乔布斯推崇的 PWA,为什么还没有杀死原生应用?

    你可以编写令人惊叹的 Web 2.0 和 Ajax 应用程序,它们的外观和行为与 iPhone 上的应用程序一模一样,而且这些应用程序可以与 iPhone 服务完美集成。你猜怎么着?...但实际上,尽管自诞生以来已经走了很长一段路, PWA 还没有达到可以完美替代原生应用的地步。那么,到了 2022 年,它们还缺些什么?为什么它们还没有成为 App 的默认格式? ​...iOS 推送通知 macOS Ventura 的 Safari 16 将带来 Web 推送功能。即使 Safari 被关闭,也会发送通知。...——苹果 Web 开发者体验布道师 Jen Simmons 经过多年看似无望的等待,苹果终于宣布 Web 推送通知将于 2023 年登陆 iOS。这是个好消息。...在 Android 上,打开第三方 App 中的链接将打开已安装的 PWA。然而,在 iOS 上,它却打开了 Safari 浏览器。

    1.5K10

    这么多移动开发的方式,传统方式写安卓、IOS 还有出路吗?

    使用 React Native 我们可以维护多种平台(Web,Android 和 IOS)的同一份业务逻辑核心代码来创建原生应用。...Flutter 是 Google 使用 Dart 语言开发的移动应用开发框架,使用一套 Dart 代码就能构建高性能、高保真的 iOS 和 Android 应用程序,并且在排版、图标、滚动、点击等方面实现零差异...、全屏执行的 Web App Manifest;以及进一步提高 web 应用与操作系统集成能力,让 web 应用能在未被激活时发起推送通知的 Push API 与 Notification API 等等...“快应用” 具有 “免安装、免存储、一键直达、更新直接推送” 四大体验优势,“快应用” 将使用户通过手机更容易获取到自己所需的服务。...而像快应用,他是用来解决小程序是 web 方式渲染的劣势,同时及时不用微信,也可以用完就走,但是微信基本上每个手机都会装,所以这点没有太大的优势。

    1.8K60

    聊聊苹果公司为什么不愿意支持PWA

    PWA,Progressive Web Applications。渐进式web应用。 在所有的跨端方案中, PWA理论上是最完美的一种。无论是Flutter,还是RN,都得靠边站。...由于PWA完全基于web,因此对于前端开发而言,几乎没有切换成本。 多好的事情呀! 然而,苹果公司, 非常不乐意支持PWA 。...好在严格的审核机制!好在苛刻的权限控制!好在完整的闭环! 而这些,PWA都能完美的绕过。 PWA可以绕过app Store的审核机制,将更新内容快速的,随时的推送给用户。...例如小米默认浏览器 以及扣扣浏览器 都没有添加到主屏幕的设置,对于PWA的支持,甚至可能还不如iOS的Safari。...总之,对于苹果公司而言,全力支持PWA,是对app Store生态的伤害,是对钱的伤害。 所以PWA有未来吗? 基本上没有。至少国内没有! 只有Google在大力支持,还远远不够!

    1.6K20

    Safari浏览器正在杀死Web

    但即使在 iOS 上使用其他浏览器、包括 Firefox,我们用到的在本质上也仍然是 WebKit。或者说,只要大家选择了 iOS 设备,那么 Safari 就将永远伴你左右。...比如苹果还没添加对发送通知和主屏幕应用图标的支持,因此本质上可以说 Safari 还没有实现某些真正能让网站用起来像原生应用的核心功能。...因为如果苹果老老实实推出所有支持功能,开发者就能构建起更好的 Web 应用,那到时候没人买原生应用了怎么办……苹果在 iOS App Store 中可是拥有 30% 的佣金抽成。...更重要的是,苹果在保护自身利益的同时,还把新 API 支持功能的缺失解释成保护用户隐私……打着这面大旗,其他人也确实不好多说什么。 Safari 真的在拯救 Web 吗?...“如果情况没有大的变动,那么谷歌的主宰之势将愈演愈烈。这绝不是什么好消息。” 写在最后 必须有人站出来阻挡谷歌和 Blink 疯狂的扩张脚步,确保不断涌现的 API 真能给 Web 用户带来助益。

    1.1K20

    干货 | 三种主流快平台技术测评,你更青睐谁?

    即便是排版引擎,ui库好用吗? 不管是rn还是Flutter,有一个设计,很不中国化。它们在iOS和Android平台上,使用2套ui库。...比如Flutter,在iOS上写一个button,要用CupertinoButton,是iOS风格的控件,在Android上则要用RaisedButton,是Material风格的控件。...而rn/weex、Flutter真的只是一个纯粹的排版引擎,没有任何原生能力。如果一个原生应用里,某个不涉及原生能力的界面想跨平台,那么这几个引擎都可以,并且Flutter的性能最高。...而能力层面,uni-app提供了htmlplus API、Native.js、插件市场,解决了原生能力js化的问题。uni-app让开发者真的不用懂原生开发就能做出完整的跨平台应用。...但对于国内的开发者,那是反过来的,中国开发者需要的全端推送(UniPush集成了iOS、华为、小米、OPPO等众多原厂推送)、各种国内登陆、支付、分享SDK、各种国内地图、各种ui库、以及Echart图表等

    2.2K20

    为什么现在我特讨厌 Safari 浏览器?

    而 WebKit,正是 iOS 系统上渐进式 Web 应用的管理功能来源。 苹果为什么要对渐进式 Web 应用的 Web API 加以限制?冠冕堂皇的理由当然是用户隐私,但这话我们恐怕只能信一半。...很多朋友应该都能想到,一旦功能齐备的渐进式 Web 应用得到全面支持,那么 iOS App Store 将面临巨大竞争。...Bug 频出,更新不及时 很多开发者都在论坛上抱怨 Safari 在 Web API 与 CSS 功能的实现中存在众多 bug,而苹果的解决速度一直相当迟缓。 “苹果不是世界上最有钱的企业之一吗?...Reddit 上一位用户这样吐槽道。 更让人沮丧的是,与 Chrome 或 Firefox 不同,Safari 根本没有固定的更新周期。...这背后的原因我们可以理解,毕竟苹果已经决定把自身命运押在服务收入上,因此 App Store 产生的应用 / 内购抽成将至关重要。 面对公众的舆论压力,苹果公司向来会有所妥协。

    1.2K50

    真的,我现在特讨厌Safari浏览器

    而 WebKit,正是 iOS 系统上渐进式 Web 应用的管理功能来源。 苹果为什么要对渐进式 Web 应用的 Web API 加以限制?冠冕堂皇的理由当然是用户隐私,但这话我们恐怕只能信一半。...很多朋友应该都能想到,一旦功能齐备的渐进式 Web 应用得到全面支持,那么 iOS App Store 将面临巨大竞争。...Bug 频出,更新不及时 很多开发者都在论坛上抱怨 Safari 在 Web API 与 CSS 功能的实现中存在众多 bug,而苹果的解决速度一直相当迟缓。 “苹果不是世界上最有钱的企业之一吗?...Reddit 上一位用户这样吐槽道。 更让人沮丧的是,与 Chrome 或 Firefox 不同,Safari 根本没有固定的更新周期。...这背后的原因我们可以理解,毕竟苹果已经决定把自身命运押在服务收入上,因此 App Store 产生的应用 / 内购抽成将至关重要。 面对公众的舆论压力,苹果公司向来会有所妥协。

    1.2K10

    移动开发的跨平台技术演进

    Web App Web App是指基于Web的应用,运行于网络和标准浏览器上,相当于一个网页然后加一个App的壳。...API,很多功能无法实现, 依赖于网络,网速慢时体验很差,并且没有离线功能,优化不好的话会消耗流量 只能做为一个临时的入口,用户留存率低 在Web App的基础上,又出现了几个进化者,这里主要介绍PWA...+Cache Api + indexedDB 等一系列web技术实现离线加载和缓存 实现了推送和通知 可以直接添加到手机的桌面上 使用Service Worker可以进行后台同步 总结起来,PWA的主要的能力就是离线...原生App的架构图如下所示。 ? 通过原生SDK提供的API,App可以与系统底层通信,以创建 UI 组件或访问系统服务。这些组件被渲染到手机屏幕,屏幕产生的相应的事件会被传回给组件。...然后将JS Bundle部署在服务器,当接收到终端(Android、Web端、iOS端)的JS Bundle请求时,将JS Bundle下发给终端。

    3.3K20

    未来的移动互联网将由超级App+WebApp主宰

    HTML5 没有跟上移动互联网初期的快速迭代。 PhoneGap 的出现,给开发者打开了一扇窗。很多人期待 PhoneGap 不停扩展 API,来补充浏览器的不足。...Facebook 是混 Web 圈的,并且在手机 OS 上没有自己的领地,他不喜欢被苹果和 Google 掌控的原生应用生态系统。...这一事件,甚至让别有用心的人经常拿来唱衰 HTML5 以及 Web App。 核心原因是当时基于 HTML5 真的做不出好的移动 App。...方面,2012 年 iPhone 5 发布后,HTML5 在 iOS 上的表现已令人满意,Safari 独家的 Java 加速引擎 Nitro 不再那么重要,不过在 iOS 8 发布后,苹果还是很识趣地取消了三方程序调用...另外内容维护上也很麻烦,这也是为什么有些媒体开始放弃原生 App 鼓励读者使用 Web App 的原因。

    98710

    Expo与Flutter:如何选择合适的移动框架

    Flutter 应用程序在所有平台上的外观和感觉都相同。这是因为 Flutter 使用自己的 渲染引擎 Skia(过去),现在在 iOS 上使用 Impeller 和小部件来绘制 UI。...虽然 Flutter 从技术上讲允许定位 Web,但它不如移动版本成熟。...但是,Shorebird 是一项新服务,它承诺在早期阶段为 Flutter 应用程序提供相同的功能。 此外,其他无线更新服务的未来尚不明朗,因为微软宣布将 App Center 退役。...仅仅是速度吗?是滚动的外观和感觉吗?崩溃率?CPU 使用率? 然后,您必须决定哪种性能对您的用例最重要。 如果您在 Google 上搜索“Flutter vs....API 想要代码推送 计划使用大型团队构建一个面向未来的应用程序 您应该选择 Flutter,如果您: 拥有现有的 Dart 开发人员或知识 需要非常快地制作原型界面 想要跨平台的视觉上相同的界面设计

    36310

    Qnext大会 | React Web——浏览器端复用React Native代码解决方案

    2 实现机制 我们团队在React Native上深度定制【Qunar React Native】,新增了许多组件和API,在框架层面抹平了iOS和Android的平台差异,使得主要的业务逻辑可以在无需修改的情况下...对应的,我们也设想推出一套框架,抹平Native和Web的平台差异,力求实现业务逻辑在浏览器上也是可以无差异运行——这就是React Web。...React Web的设计思路就是通过在浏览器端一模一样的补齐React Native的组件和API,使得业务代码通过构建工具,分别构建出支持Native和Web的版本,从而实现业务代码的复用。...完成度高 – React Web高度实现了React Native、Qunar React Native的几乎所有组件和API,并且业务组件库react-natie-ui的十几个组件也可以不做任何修改直接复用在...兼容性-React Web的高完成度,保证了Web和Native平台的高度兼容,确保了一套代码、多端运行;此外,React Web在Web端,测试了主流,包含Chrome、QQ、Safari、Android

    1.6K60

    在 2018 年初,让我们再谈谈大前端的趋势

    One JavaScript:移动应用 前有,使用 React 及 React Native 来开发 Android 及 iOS 应用。...对于存在 Android、iOS 及 Web 应用的系统来说,BFF 层不仅仅可以减少应用的开发时间,还可以提高业务的灵活性——只需要在修改 BFF 层的情况下,就可以使三端达到一致。...小而美的框架里,组件间依赖,版本间限制,上下游同步等,在时间线上就是各种麻烦的问题。在工作上,花费大量时间解决这种技术问题,真的很不爽——只会导致加班。...如果只做的是复杂的 Web 应用,基本上就是 Angular 了。...如果同时做 Web 和 APP 应用的话,那么在 Web 方面就是 React,毕竟 APP 可以用 React Native。 我没有在复杂的 Web 应用里,使用过 Vue,不好做太多评价。

    69410

    这些年iOS AppStore 套壳开发上架从棋牌类到彩票类在到如今的金融原油期货类App过程

    给我一个机会 我只想认真的做app而已 市面上App超过百分之三十 是套壳的马甲包,不仅是小公司,更多的是大公司-什么原因的都有,规避版权、关键字、等等 整理这一段时间我上架彩票App所经历的问题和解决方案等心得经验...(b) 客户端中显示的任何软件或服务应在主机设备屏幕上完整呈现,并且不可使用超出远程桌面传输所需的 API 或平台功能。 (c) 所有帐户的创建和管理均必须从主机设备发起。...---- iOS开发马甲包中友盟推送通知-当App没有启动时点击推送会在启动后崩溃-而在后台运行时不会出现崩溃问题 原本项目使用的是外包公司做的-而且到我们这边以及第三手了,想来是不会出现APP没有启动的情况下点击推送会崩溃的问题...应用实现UIWebVIew中的链接点击 跳转到浏览器Safari和直接调用Safari浏览器的实现方法!...[[UIApplication sharedApplication] openURL:requesURL]; } return YES; } 实现iOS应用直接调用Safari浏览器的实现方法!

    3.4K31

    React Native推送通知:完整的操作指南

    原生平台特定的通知服务(FCM/APNs) Android和iOS平台都提供了用于接收推送通知的原生平台特定API 适用于安卓设备的Firebase云消息传递(FCM) 苹果推送通知服务(APNs)适用于...React Native Firebase 库也提供了一种通过 FCM 在iOS上发送推送通知的方法。...,并启动React Native开发服务器: yarn install yarn start 上述命令安装依赖项并启动Expo开发服务器,因此你可以通过在Android或iOS上使用Expo应用来测试你的应用程序...如果你访问Expo的文档,你会找到关于如何在许多语言中实现服务器上的推送通知的信息。 在这个教程中,我将使用一个Node.js服务器。...我们还学习了如何在 React Native 应用程序中发送推送通知,方法是添加通知令牌,从服务器发送它们,并使用 Expo 通知 API 在用户设备上显示它们。

    1.4K10

    “别更新了,学不动了” 之:全栈开发者 2019 应该学些什么?

    你可以密切地关注它们,但不需要花费大量时间在掌握如何构建 Web 组件上。...PWA 渐进式 Web 应用程序在 2019 年仍然会很热门,但它最复杂的功能可能不会流行起来(即推送通知)。...你应该学习如何构建 PWA,并使用像 Lighthouse 这样的工具来测试它。 Safari 最终为 PWA 添加了一些支持,实现渐进式 Web 应用程序功能可能会更容易一些。...AppSync、Amplify、App Services、App Engine 等服务将继续发展,但由于程序员很难放弃如此多的控制权(除非是小型的个人项目),所以它们并不会真正有大起色。...2019 年,我们将可以看到机器学习 API 在 Web 上的应用,而不是从头开始构建自己的机器学习模型。因为与上述大型科技巨头不同,大多数人或公司无法为机器学习提供足够的资源或数据。

    2.6K30

    React Native 项目 Web 端同构初探

    现 Facebook 工程师 Nicolas Gallagher 实现并维护的开源项目,是一个使 React Native 组件和 API 能运行在 Web 上的库,其和 React Native Windows...Chrome、Firefox、Edge,Safari 7 +、IE 10+都支持通过 react-native-web 构建的 web 应用。...浅显地认为react-native-web就是把React Native的组件和API都用适用于Web的标签和API再适配实现一遍,使其在Web上的行为和在原生应用上尽量保持一致,从文档中提到的 Alert...yarn web,这时会在本地8080端口运行一个服务,这时我们分别执行yarn ios 和 yarn android就能看到在ios模拟器和Android模拟器中显示和web端一模一样的页面,一次 react-native-web...,通过.web.js扩展名可以使该文件仅在Web上使用,其他一些可用的扩展如.native.js、.ios.js和.android.js适用于移动端。

    3.5K30
    领券