百度Web生态构建：发布基于Vue的PWA解决方案LAVAS；将全面支持Web AR

Baidu Create 2017 百度AI开发者大会于今日在北京国家会议中心举办。百度公司创始人、董事长兼首席执行官李彦宏与百度集团总裁兼首席运营官陆奇均出席了此次大会。会议期间，百度发布了面向开发者和生态合作伙伴的重要计划，而李彦宏乘坐无人驾驶汽车到达会场的举动也引起了广泛热议。

对于前端开发者来说，最值得关注的是下午的Web生态分论坛。在Web生态分论坛上，百度搜索正式对外发布基于Vue的PWA解决方案 LAVAS，同时宣布将全面支持 Web AR，此外，百度还对 MIP 的架构与原理、HTTPS 等技术进行了深度解析。

一、正式对外发布LAVAS，推动PWA普及

PWA（Progressive Web Apps）是由Google提出的，可以带来突破性体验的Web应用，弥合了网站和移动应用之间的差异，具有可靠（Reliable）、快速（Fast ）、融入（Engaging）等特征。百度在PWA方面也做出了相应的努力和实践，而今直接推出了基于Vue的PWA解决方案LAVAS，更是为开发者搭建 PWA 应用直接降低了门槛。

1. Lavas 具体是什么?

Lavas 是一个基于 Vue 的 PWA 解决方案，百度将 PWA 的工程实践总结成多种应用框架模板，帮助开发者快速搭建 PWA 应用。

2. Lavas 结构图

Lavas 提供了四套基于 Vue 和 webpack 的模板，Basic，App Shell，多页应用，服务器端渲染，以满足开发者不同的需求，帮助开发者解决开发 PWA 遇到的诸多问题，让开发 PWA 只需一条命令。

Lavas 还将继续改进和优化，结合 MIP 让站点从搜索入口到主站都能有极速体验。

3. Lavas 可以解决哪些问题?

Lavas 提供基于 Vue 框架站点 PWA 化的完整解决方案，力求让开发者能更多地关心业务需求本身。

站点 PWA 化即使站点具有类似原生应用的功能和体验，如站点可添加至主屏幕、全屏方式运行、支持离线缓存、消息推送等。所以要实现站点的 PWA 改造，下面几个工作就必不可少：

• 为了让站点能像原生应用那样安装到主屏幕，需要准备一些静态资源（如屏幕图标）和一个清单文件 manifest.json 去告知浏览器使用哪些图标，显示哪些应用名称等等；

• 为了让站点具有更好的离线体验，PWA 提供了更好的缓存 API （详见 web 存储）和缓存管理方式 Service Worker。具体的缓存策略仍然需要开发者根据项目的实际需要进行开发；

• 同样是为了让站点具有更好的离线体验，除了要在缓存策略上下功夫，站点 UI 设计上也需要遵循一定的规范（如 App Shell 模型 和 离线 UX 注意事项 ），以至于站点在页面切换、内容加载、加载出错、弱网断网等等情况下不会给用户显示个大白屏。

上述这些工作都可以通过 Lavas 来完成，开发者只需要做一些简单的业务配置即可，从而大大节约开发维护成本。

4. 相关链接

• Lavas项目地址
  https://github.com/lavas-project

• 文档地址
  https://lavas.baidu.com

• Lavas示例：https://lavas.baidu.com/demo

• Lavas 提供了一套 CLI 脚手架工具，协助开发者快速搭建一个基于 Vue 的 PWA 工程，并且迅速体验 PWA 效果。（https://lavas.baidu.com/guide/vue/doc/vue/01-foundation/02-quick-tour-by-cli）

• Lavas 提供了在线教程，分为基础教程和进阶教程两部分，开发者可以选择合适的阶段进行学习。（https://lavas.baidu.com/guide）

为了帮助大家更快地了解 Lavas ，在今天的Web生态分论坛上，百度还安排了Live Coding的环节，进行了现场展示和解答。

二、百度搜索将全面支持 Web AR技术

百度称，Web是互联网的基础，Web是一个开放的生态，开放的生态自主性高，更容易成就技术创新，而 AR 是未来的一个趋势。

百度称，虽然在 AR 方面已取得一些成绩，但是也非常希望能够推动Web AR技术的应用，让行业开发者以及用户都能通过Web实现更多的应用和体验。因此，百度搜索计划在今年全面支持 Web AR，并会“让AR成为Web的第一公民，惠及每个互联网用户”，同时“连接Web和真实世界，使得Web内容可以融入真实世界；真实世界可以在Web中找到更丰富的信息。”

三、力推 MIP 和 HTTPS 技术

为了提升网页响应速度，百度曾在2016年推出了MIP（Mobile Instant Pages，移动网页加速器）技术，该技术可以降低30%～80%的页面加载时间，并且提升页面达到率5%～30%。目前，百度MIP项目已经有370人的社区开发者，同时有超过5400家站点提交了超过10亿个页面。

HTTPS的实施有大量问题需要考量，而对于大型网站而言，难度则更高。百度称，百度搜索是国内第一家完成全站HTTPS改造的大型站点，力推HTTPS技术是为了解决Web面临的网络劫持等安全问题。百度还通过百度云加速、百度开放云为站点提供轻量级以及整站级的两种HTTPS解决方案。如今，国内外的互联网上HTTPS的趋势已经十分明显，通过百度搜索分发的页面中，HTTPS页面占比已经超过了15%。

四、结语

Web 生态分论坛吸引了众多的开发者，包括最后一个环节的 Live Coding 也吸引了很多开发者前来学习，演讲的内容也充分体现了百度开放的心态，感兴趣的同学可以前往官网https://developer.baidu.com/web了解详细信息。