分享

uniapp 使用 pwa

 超级致富宝典 2021-10-24

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

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多