uniapp 使用 pwa

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