progressive-web-apps相关内容

在渐进式网络应用中重定向到Google OAuth流程

我一直在使用React和Next.js开发应用程序,目前正在添加PWA支持。 用户通过Google OAuth流程登录应用程序。我最初使用的是JS客户端,它使用弹出窗口,但在PWA中遇到了错误。我现在通过将用户重定向到Google的OAuth网址来使用正常的OAuth流程。 这在浏览器中运行良好。在iOS上的独立PWA中,它会在新的Safari窗口中打开OAuth页面。这意味着OAut ..
发布时间:2019-04-24 12:33:52 前端开发

如何使用PWA在IOS设备中显示主屏幕提示

我是PWA的新手,我被困在一项任务上。 这是我的 manifest.json 文件,它有助于向Android设备显示添加到主屏幕弹出窗口。 { “short_name”:“舒适”, “名称”:“舒适”, “图标”:[ { “src”:“/ img / app -icon-192x192.png”, “sizes”:“192x192”, “type”:“image / png” } ..

是否可以制作触发PWA“添加到主屏幕”的应用内按钮。安装横幅?

据我所知,通过正确制作的Progressive Web App,移动浏览器会显示一个横幅,提示用户在主屏幕上“安装”该应用。 我去过四处寻找从应用程序中触发该提示的方法,但一直无法找到任何内容。 是否有一行可用于调用的JavaScript安装提示横幅随时?例如,我可以添加到安装按钮中隐藏在帮助屏幕中的东西? 如果某些用户错过了安装横幅提示,可能很难找到“添加到主屏幕”选项。我想给 ..
发布时间:2019-02-20 19:17:26 前端开发

服务工作者的存储限制是多少?

大多数浏览器为localStorage提供每个域5MB的存储限制。 服务工作者是否有这样的内存限制/限制? 我知道网络工作者(服务工作者所基于的)没有这样的限制。但Web Workers并不完全用于资产缓存,而是更多地用于处理(因此CPU是主要关注点)。 如果没有限制内存大小,设计糟糕的网站可能会崩溃吗? 解决方案 更新2018年1月15日 StorageManager ..
发布时间:2019-01-23 22:53:58 前端开发

Safari推送通知策略

我正在努力实施需要发送推送通知的PWA,我们正在寻找一种解决方案,用于向在ios上运行的浏览器发送推送通知(我们正在使用Firebase(FCM)用于其他所有内容。)什么是好的在所有平台上制作推送通知的策略,包括ios? 我们正在寻找嗅探用户代理并为非ios用户使用FCM,切换到ios用户的websockets 。我们不确定这种方法会有多可行。对这种方法或更好的替代方案的任何建议都会有很大的 ..

如何从渐进式Web应用程序中获取设备信息

如何从渐进式网络应用中获取设备信息(Google Advertising ID或IDFA) https://developers.google.com/web/progressive-web-apps/ 解决方案 Google广告ID无法访问。 说,您可以使用Android服务(获取Google广告ID的本机代码)将其提供给已安装的PWA并将其传递给您的 ..

PWA部署在Android和iOS上以独立模式运行的node.js中

我正在尝试在Android和iOS上以独立模式实施PWA。 我有一个安全的node.js服务器(HTTPS),显然工作正常(index.html,manifest.json,serviceWorker.js,...)。 应用程序可以从Chrome正确运行,并可以添加到主屏幕并在PC上以独立模式运行。它也适用于iOS(Safari)上的独立模式,但不适用于Android(Chrome)。 ..

如何使用Ionic 2为PWA和本机应用程序部署不同版本的index.html

我们的PWA住在这里: https://m.quemesa.com 我们还有原生应用程序相同的代码库。 但是,我们不是针对Cordova浏览器平台(因为它似乎没有得到官方支持,我看不出它增加了什么好处)因此,与我们的原生应用版本相比,我们必须为PWA添加略微不同的代码。例如,在PWA中,我们使用纯粹的Google Analytics解决方案,该解决方案在index.html中需要2行java ..
发布时间:2018-08-24 19:23:06 其他开发

访问pwa地址的url参数

我是离子2的新手。在搜索到处后找不到直接答案给出以下情况: 我是使用离子2构建PWA(因为我稍后会开发此应用程序的混合版本) 用户将找到并访问我的应用程序的地址将是一个标准域,如 https://welcometotheapp.com?viewid=0101018737abcdefg 我正在使用离子2,最近安装在Windows 10上 我已经开始了一个新的空白应用程序项目 我的问题与 ..

徽标没有出现在渐进式网页的启动画面上

在这些演示中,启动画面上有徽标。 https://addyosmani.com/blog/getting-started-with-progressive-web-apps/ 我不知道我的清单中我做错了什么 - 我有一个图标,但它没有显示在我的启动画面上。 我的清单看起来像这样: { “short_name”:“气象服务”, “名称” :“气象服务”, “图标”:[ { ..
发布时间:2018-07-13 11:14:11 其他开发

有没有办法在Web应用程序中以编程方式播放音频?

我正在构建一个网络应用程序,它涉及在新订单进入应用程序时播放声音。在桌面上,一切正常。 但是,在iOS上,音频根本不播放。在一些调查我发现iOS在播放音频方面有局限性。 仅限用户互动后 仅在页面处于活动状态时才显示 仅在电话屏幕打开时 无法保留屏幕关闭,所以你的音频将在第一首歌后停止。 有没有办法让用户允许音频以编程方式播放? 解决方案 是的,这是真的!用户请求之前 ..

渐进式Web应用程序上的Android后退按钮关闭de App

“纯”HTML5 / Javascript(累进式)网络应用程序是否可以截取移动设备后退按钮以避免应用程序退出? 此问题类似这一个但我想要要知道是否有可能在不依赖PhoneGap / Ionic或Cordova的情况下实现此类行为。 解决方案 虽然android后退按钮不能在渐进的Web应用程序上下文中直接连接,我们可以使用历史API来实现您想要的结果。 首先,当没有浏览器历史 ..
发布时间:2018-07-03 11:06:08 移动开发

在移动网站上生产服务工作者

我是服务人员的新手。我想整合服务人员在我的网站。我的动机是提高我的网站的性能,而不是让网站离线。它是一个房地产网站。直到现在我已经完成了创建我的站点的模块化模板并将它们存储在缓存中。例如 template1 #data 无论何时在我的页面上发生抓取时,我首先通过ajax调用api获取数据并替换#数据变量通过实际的api响 ..
发布时间:2018-06-26 20:43:30 前端开发

如何在Chrome中发送推送通知(Progressive Web Apps)

请解释如何使用XHR和Javascript进行推送通知。或者是否有其他方式在渐进式网络应用中发送推送通知。我已经创建了curl命令,当我在终端推送通知中执行它,但是如何在按钮单击时执行它? 以下是我的cURL命令: - curl --header“Authorization:key = AIzaSxUdg”--header Content-Type:“application / js ..

如何创建可在企业设备中分发的渐进式Web应用程序apk /任何类型的文件

可以理解的是,在用户访问支持的浏览器中的Web应用程序(现在我猜测是Chrome)后,渐进式网络应用程序(PWA)会添加到主屏幕中,然后单击“添加到主屏幕”。这对公众可用的PWA工作正常。 关于企业Android应用程序的思考,需要通过一些应用程序推送工具将其安装到数千个设备上,例如 Airwatch ,它几乎不可能让某人打开浏览器,放置该URL,然后添加到所有数千设备的主屏幕。 是否 ..