告你什么文集是一个从各种优质文章发源地汇总文章的app,由于运用了最新的编程技术,在这里你可以不用登陆目标网站就能收到消息推送,极大方便了用户从文章中获取知识。
告你什么文集是一个我专门用来发布技术文章的静态个人博客,和以往架构不同的是,次系列全部采用serverless架构思想。
这个App是使用Android TWA构建的
PWA,即Progressive-Web-App,渐进式网络应用,概念有点类似于微信小程序,和MIUI的快应用,但是比他们更简单,没有平台依赖性,你只需在浏览器中访问支持PWA的网页,就能收到安装提示。
PWA可以
让你离线浏览内容,摆脱对于网络的束缚
提示安装到桌面,提升用户粘性/依赖度
即使没有打开网页,也能主动推送通知
即刻安装,免除对于存储空间的考虑
W3C 组织早在 2014 年 5 月就提出过 Service Worker 这样的一个 HTML5 API ,主要用来做持久的离线缓存。
浏览器中的 javaScript 都是运行在一个单一主线程上的,在同一时间内只能做一件事情。随着 Web 业务不断复杂,我们逐渐在 js 中加了很多耗资源、耗时间的复杂运算过程,这些过程导致的性能问题在 WebApp 的复杂化过程中更加凸显出来。
一个独立的 worker 线程,独立于当前网页进程,有自己独立的 worker context。
一旦被 install,就永远存在,除非被手动 unregister
用到的时候可以直接唤醒,不用的时候自动睡眠
可编程拦截代理请求和返回缓存文件,缓存的文件可以被网页进程fetch到
离线内容开发者可控
能向客户端推送消息
不能直接操作 DOM
必须在 HTTPS 环境下才能工作
异步实现,内部大都是通过Promise实现
所以我们基本上知道了 Service Worker 的伟大使命,就是让缓存做到优雅和极致,让 Web App 相对于 Native App 的缺点更加弱化,也为开发者提供了对性能和体验的无限遐想。[1]
Chrome 将在您的应用符合以下条件时自动显示横幅(添加到桌面的提示):
拥有一个网络应用清单文件(manifest.json),该文件至少具有:
一个 short_name(用于主屏幕)
一个 name(用于横幅中)
一个 192x192 png 图标(图标声明必须包含一个 mime 类型的 image/png)
一个加载的 start_url
拥有一个在您的网站上注册的服务工作线程(service worker)
通过HTTPS提供(这是使用服务工作线程的一项要求)。
被访问至少两次(第一次访问执行安装和激活,第二次访问生效,提示安装到桌面),这两次访问至少间隔五分钟。
1.40MB
玩机必备
0KB
玩机必备
55.34MB
玩机必备
3.90MB
玩机必备
1.54MB
玩机必备
2.76MB
玩机必备
实用工具app
生活服务2020