tms web core pwa让你的WEB APP离线可用

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，可以灵活地将各类资源进行本地存取。