PWA web应用模型

2018 新年快乐，这是我新年的第一篇博客，最近都挤图书馆去了，下面是自己最近新了解的，也没有太深入研究，就是简单看了下，现在总结下。最后希望新年新气象。。。。（PS：现在csdn页面变了还不太适应了呢！）

简介

PWA 是一门Google推出的web前端新技术，全称是Progressive Web App，是Google在2015年提出，2016年6月推广的项目，是结合了一系列现代Web技术的组合，在网页应用中实现和原生应用相近的用户体验。

PWA并不是描述一个技术，而是一些技术的合集。PWA 是专门应对手机 Web 开发而提出的，通过新技术的成熟，实现最好的 Web + 手机 APP。就是说，让你在使用 Web 的时候感觉像是在使用 APP。

PWA特性

渐进式：确保每个用户都能打开网页；
响应式： PC、手机、平板、不管哪种格式，网页都能完美适配
离线响应：支持用户在没有网的情况下都能打开网页，这里需要service worker；
APP化：能够像APP一样和用户进行交互
常更新：一旦web网页有什么改动，都能立即在用户端体现出来
安全：安全是第一位，给自己的网站加上一把绿锁-HTTPS；
可搜索：能够被引擎搜索到
推送：做到在不打开网页的情况下，推送新的消息
可安装：能够将web像App一样添加到桌面，不需要通过应用商店
可跳转：只要通过一个连接就可以跳转到你的web页面。（通过 URL 可以轻松分享应用，不用复杂的安装即可运行）

PWA 需要的技术

push（推送消息）
cache
manifest（应用清单：定义了一个基于JSON的清单，为开发人员提供一个放置与Web应用程序关联的元数据的集中地点）
responsive dev
material design
service worker（一部分是 cache，还有一部分则是 Worke）

PWA与其他APP

Native APP
指原生App，是一个完整的App，可拓展性强，需要用户下载安装使用
Web APP
指采用Html5语言写出的App，生活在浏览器里的应用，不需要下载安装
Hybird app
半原生半Web的混合类App，需要下载安装

PWA在中国

略

总结

感觉 PWA 涉及到的 API 比较多。要想研究透彻 PWA 还需要研究它所涉及到的 API ，慢慢研究吧。

PWA web应用模型相关推荐

下一代 Web 应用模型 —— Progressive Web App (PWA)
今年 9 月份的时候,<程序员>杂志社就邀请我写一篇关于 PWA 的文章.后来花式拖稿,拖过了 10 月的 QCon,11 月的 GDG DevFest,终于在 12 月把这篇长文熬了出来 ...
PWA——下一代的web应用模型
PWA--下一代的web应用模型什么是PWA PWA为什么会出现如何判断一个web应用是PWA 核心功能 Service-Workers 注册service worker service work ...
下一代 Web 应用模型 — Progressive Web App
刚开始接触Progressive Web App,作为一名前端感觉这个挺有趣的,就想深入了解一下,下面这篇是转载自黄玄的一篇博客,算是简单了解一下. 今年 9 月份的时候,<程序员>杂志社 ...
下一代 Web 应用模型 —— Progressive Web App
今年 9 月份的时候,<程序员>杂志社就邀请我写一篇关于 PWA 的文章.后来花式拖稿,拖过了 10 月的 QCon,11 月的 GDG DevFest,终于在 12 月把这篇长文熬了出来 ...
基于web的模型管理系统的设计
1 设计背景随着科技的发展和满足人民日益增长的美好物质生活的需要,本设计确定了模型管理系统的体系结构和开发平台,对系统各模块进行了具体的功能设计和数据库设计,最后采用选定的信息网络技术实现了系统功能 ...
Web性能测试模型小结
前言性能测试用例主要分为预期目标用户测试.用户并发测试.疲劳强度与大数据量测试.网络性能测试.服务器性能测试五大部分. 具体编写用例时要根据实际情况去进行,遵守低成本.策略为中心,裁减.完善模型,具 ...
关于渐进式(PWA) Web 应用，你应该知道的一切
关于渐进式 Web 应用,你应该知道的一切本文转载自:众成翻译译者:网络埋伏纪事链接:http://www.zcfy.cc/article/2047 原文:http://tutorialzine ...
迁移Hexo博客到Google渐进式Web应用(PWA)
如果说通过TravisCI实现博客的自动化部署,是持续集成这个概念在工作以外的一种延伸,那么今天这篇文章想要和大家分享的,则是我自身寻求技术转型和突破的一种挣扎.前段时间Paul同我聊到Web技术 ...
PWA (Progressive Web App)
PWA (Progressive Web App) 1.简介是一种理念,使用多种技术来增强web app的功能,可以让网站的体验变得更好,能够模拟一些原生的功能,比如:通知推送 Js-to-Nati ...