网站申请微信支付接口,暖暖 视频 在线 观看 高清,秦皇岛建设网站官网,附近量身定做衣服店首先#xff0c;PWA 是啥#xff1f; PWA 全称是: Progressive Web Apps。这是 2016 年#xff0c;Google I/O 大会上提出一个 Next Web Generation 的概念。这并不是描述一个技术#xff0c;而是一些技术的合集。PWA 是专门应对手机 Web 开发而提出的#xff0c;通过新技…首先PWA 是啥 PWA 全称是: Progressive Web Apps。这是 2016 年Google I/O 大会上提出一个 Next Web Generation 的概念。这并不是描述一个技术而是一些技术的合集。PWA 是专门应对手机 Web 开发而提出的通过新技术的成熟实现最好的 Web 手机 APP。也就是说能让你在使用 Web 的时候感觉像是在使用 APP。
如果是初创公司想推出一款新的产品首选型是 Native APP那么可以预计该公司在吸引流量的时候一定会感觉到 这真 TM 难。不过我这也并不是说你选型使用 Web 就一定容易。本质上还是需要该产品打磨的足够好才行。不过我们话说回来在初期Native APP 和 Web APP在传播上的难度还真不是一回事。
首先Native APP 需要经过反复审核满足不同平台的各种奇怪机制以后才能正式上线。然后到用户端小白用户通过公司的宣传了解到该 APP 之后他需要经过去各个 APP Store 搜索找到之后再下载下载之后再安装安装之后再授权下了差不过几十兆(MB)的 APP 之后才正式的能使用。
那 Web APP 就简单吗恩相比上面那些繁琐的步骤来说确实简单我们先不说 Web 不需要审核在中国有一种痛叫做备案最能体现它优势的地方就在于只需要一个网址即可任何平台都会自带浏览器。那有人可能会问但Web 并不能在桌面端创建啥 icon 来直接跳到网址上去啊不过这只是针对以前的 WebPWA 实际上就是帮助我们完成上面提到的事并且它做的更多。
话不多说先给大家放一个将 Web 添加到桌面的 gif 感受一下并且添加之后重新打开会发现 Web 展示的效果变为全屏展示了 PWA 原则
当然并不是所有的 Web 都叫做 PWA。根据 google 定义PWA 应该具有一下特性
渐进式能确保每个用户都能打开网页响应式PC手机平板不管哪种格式网页格式都能完美适配离线应用支持用户在没网的条件下也能打开网页这里就需要 Service Worker 的帮助APP 化能够像 APP 一样和用户进行交互常更新一旦 Web 网页有什么改动都能立即在用户端体现出来安全安全第一给自己的网站加上一把绿锁–HTTPS可搜索能够被引擎搜索到推送做到在不打开网页的前提下推送新的消息可安装能够将 Web 想 APP 一样添加到桌面可跳转只要通过一个连接就可以跳转到你的 Web 页面
可以看出 Web 小弟想要成为 PWA 黑帮老大还是有一定难度。那 PWA 到底又需要哪些技术呢直接上一张图吧 入门指南
相关学习可以参考 JimmyVV/PWA-cookbook。或者可以直接参阅我的 blog
PWA guider响应式开发Service WorkerWeb 推送技术PWA 实践指导
