PWA 对于PWA的定义有很多,但实际上最通俗的理解就是可以离线发送通知,像app一样将h5网页在桌面上以图标的形式展示,并且可以在离线的时候做一些事情,通过 HTTPS 提供,以防止窥探和确保内容不被篡改的一个web App。 Service Worker 提到pwa就不得不提到service worker ,因为在使用pwa的前提是要注册 一个线程。 service worker 是Service Worker 是一个 基于HTML5 API , 一个独立的执行线程,单独的作用域范围,单独的运行环境,必须在 HTTPS 环境下才能工作。当然在本地调试时,使用localhost则不受HTTPS限制。 使用 作者在uniapp中对pwa的使用其实主要是将h5页面快捷到桌面上。 但是在注册的这一环节就出了很大的问题,所以记录下来以免后续继续踩坑。 在使用的时候,发现了一个别人封装好的PWA builder,使用非常方便,链接:pwa builder,在使用的时候需要引入,这是为了方便通过script引入,这里很简单没有问题。 然后建立manifest.json,引入,这里报错: Manifest: Line: 1, column: 1, Syntax error. 1 1 在注册service worker时if ('serviceWorker' in navigator) {11 |
|