tms web core pwa让你的WEB APP离线可用
tms web core允许创建渐进式Web应用程序(PWA)。渐进式Web应用程序是为适应在线/离线情况,各种设备类型,最重要的是,让自己安装类似的到桌面上的本机应用程序,然后从桌面图标启动。
离线只是它的一种功能表现而已,具体说来,它可以:
- 让我们的Web App在无网(offline)情况下可以访问,甚至使用部分功能,而不是展示“无网络连接”的错误页;
- 让我们在弱网的情况下,能使用缓存快速访问我们的应用,提升体验;
- 在正常的网络情况下,也可以通过各种自发控制的缓存方式来节省部分请求带宽;
- ……
而这一切,其实都要归功于PWA背后的英雄 —— Service Worker。
那么,Service Worker是什么呢?你可以把Service Worker简单理解为一个独立于前端页面,在后台运行的进程。因此,它不会阻塞浏览器脚本的运行,同时也无法直接访问浏览器相关的API(例如:DOM、localStorage等)。此外,即使在离开你的Web App,甚至是关闭浏览器后,它仍然可以运行。它就像是一个在Web应用背后默默工作的勤劳小蜜蜂,处理着缓存、推送、通知与同步等工作。所以,要学习PWA,绕不开的就是Service Worker。
首先,我们想一下,当访问一个web网站时,我们实际上做了什么呢?总体上来说,我们通过与与服务器建立连接,获取资源,然后获取到的部分资源还会去请求新的资源(例如html中使用的css、js等)。所以,粗粒度来说,我们访问一个网站,就是在获取/访问这些资源。
可想而知,当处于离线或弱网环境时,我们无法有效访问这些资源,这就是制约我们的关键因素。因此,一个最直观的思路就是:如果我们把这些资源缓存起来,在某些情况下,将网络请求变为本地访问,这样是否能解决这一问题?是的。但这就需要我们有一个本地的cache,可以灵活地将各类资源进行本地存取。