推广 热搜:   中国  设备  参数  公司  未来  服务  行业  企业  教师 

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

   日期:2024-12-11     作者:caijiyuan    caijiyuan   评论:0    移动:http://sicmodule.glev.cn/mobile/news/12558.html
核心提示:前方报道 | 尾尾Baidu Create 2017 百度 AI 开发者大会于今日在北京国家会议中心举办。百度公司创始人、董事长兼首席执行官李彦

前方报道 | 尾尾

百度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 了解更详细的信息。

今日荐文

前端每周清单第 20 期:React 组件解耦之道;基于 Headless Chrome 的自动化测试;Angular 2/4 是否为时已晚?

视野拓展

推荐一个不可错过的会议:ArchSummit 全球架构师峰会,邀请了上百位国内外顶尖技术专家前来分享各业务的核心架构设计,从 Web 协议底层优化到超级 App 的系列魔改,这里只谈最优秀的架构实践。

7 月 7 日,ArchSummit 全球架构师峰会即将开幕,了解详情请点击阅读原文,如需报名,可直接识别下方二维码联系大会售票天使豆包,欢迎骚扰~!

前端之巅

「前端之巅」是 InfoQ 旗下关注前端技术的垂直社群,加入前端之巅学习群请关注「前端之巅」公众号后回复“加群”。投稿请发邮件到 editors@cn.infoq.com,注明“前端之巅投稿”。

责任编辑:

本文地址:http://sicmodule.glev.cn/news/12558.html    歌乐夫 http://sicmodule.glev.cn/ , 查看更多
 
 
更多>同类行业资讯
0相关评论

新闻列表
企业新闻
推荐企业新闻
推荐图文
推荐行业资讯
点击排行
网站首页  |  关于我们  |  联系方式  |  使用协议  |  版权隐私  |  网站地图  |  排名推广  |  广告服务  |  积分换礼  |  网站留言  |  RSS订阅  |  违规举报  |  鄂ICP备2023001713号