专栏名称: 前端之巅
InfoQ前端垂直社群:紧跟前端发展,共享一线技术,万名淀粉互助,共登前端之巅!
目录
相关文章推荐
前端早读课  ·  【早阅】Parcel v2.14.0 发布 ·  昨天  
前端早读课  ·  【第3476期】什么是MCP ·  昨天  
云峰早点报  ·  3岁萌娃“拿捏”5位数以内加减法 ·  2 天前  
云峰早点报  ·  3岁萌娃“拿捏”5位数以内加减法 ·  2 天前  
前端早读课  ·  【早阅】Cursor Talk to ... ·  2 天前  
前端之巅  ·  历时 5 ... ·  3 天前  
51好读  ›  专栏  ›  前端之巅

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

前端之巅  · 公众号  · 前端  · 2017-07-05 23:14

正文

前方报道 | 尾尾

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 技术






请到「今天看啥」查看全文