关于前端:中国标准走向世界W3C-发布多个小程序公开草案

37次阅读

共计 3107 个字符,预计需要花费 8 分钟才能阅读完成。

就在 2021 年 11 月 30 日,W3C MiniApps 工作组公布 MiniApp Packaging 标准的首个公开工作草案,并打算将其最终公布为 W3C 正式举荐规范。

MiniApp Packaging 标准定义了 MiniApp 打包文件的语义和一致性要求,蕴含文件构造、配置文件、动态页面模板、样式表、JS 文档、媒体文件及其他资源等,MiniApp packaging 的实例用于在运行时环境散发和执行 MiniApp。

如上面的文件构造:

/
|___manifest.json
|___app.js
|___app.css
|___pages/
|       |___page1.js
|       |___page1.html
|       |___page1.css
|___common/
|       |___componentA.js
|       |___componentA.html
|       |___componentA.css
|       |___example.png
|___i18n/
        |___zh-Hans.json
        |___en-US.json

咱们文件构造中页面(pages)的构造:

/
|___manifest.json
|___app.js
|___app.css
|___pages/
        |___detail.js
        |___detail.html
        |___detail.css
        |___list.js
        |___list.html
        |___list.css

或者子目录构造:

/
|___manifest.json
|___app.js
|___app.css
|___pages/
        |___detail/
                |___detail.js
                |___detail.html
                |___detail.css
        |___list
                |___list.js
                |___list.html
                |___list.css

厉害了,其实和咱们平时写代码时须要约定文件创建构造相似。

小程序与 MiniApps 规范倒退过程

理解了 MiniApp Packaging 是什么之后,咱们就能够理解一下小程序的倒退历史以及目前 W3C 存在的对于小程序的方面标准化的倒退过程。

MiniApp 即为小程序,为与 W3C 草案保持一致,咱们后续对立应用 MiniApp 代替小程序作为称呼。

  • 2017 年,微信之父 张小龙 进行公开亮相,发表微信小程序第一批正式低调上线,这种触手可及、用完即走的微信小程序立马引起大家的宽泛关注

<!—->

  • 随着微信小程序的火爆,各大手机厂商和中国各大互联网公司纷纷跟进,想通过小程序将用户圈在自家 App 内,于是 2018 年 3 月 快利用公布、7 月百度智能小程序上线、9 月支付宝小程序上线、10 月抖音小程序上线、11 月头条小程序上线

<!—->

  • 2019 年 5 月 QQ 小程序上线、7 月 360 小程序上线、10 月美团小程序上线,一时间,中国小程序市场风起云涌,百家争鸣,多种规范共存,开发者苦不堪言,好像回到了适配无数种浏览器的 10 年代

<!—->

  • 为了解决多规范问题,2019 年,支流 MiniApp 厂商及利益相干方通过 W3C Web 中文趣味组合作联结公布了《MiniApp 标准化白皮书》,详情见 https://www.w3.org/TR/mini-ap…

<!—->

  • 同年,MiniApps 生态社区组成立,为寰球 Web 社区提供了一个围绕 MiniApps 进行宽泛探讨的交流平台,详情见 https://www.w3.org/community/…

<!—->

  • 2020 年 11 月 21 日,W3C 公布了 MiniApps 工作组章程草案,拟议了小组的标准化领域和工作模式

<!—->

  • 2021 年 1 月,W3C MiniApps 工作组正式成立,标记着 MiniApps 正式成为国内 W3C 接手的标准化解决工作的一部分

W3C MiniApps 工作组的指标是基于宽泛的标准化需要,致力于联结宽广会员及社区成员深刻摸索协调多样的 MiniApp 生态、加强不同 MiniApp 平台间的互通性,从而最大水平地晋升 MiniApps 与 Web 的交融,缩小技术碎片化并升高开发者的学习老本。

MiniApps 定义与工作组工作方向

W3C 对 MiniApps 的定义是一种小型、免装置、疾速加载的程序,通常在一个宿主利用或操作系统中运行(如小程序、快利用),也能够是反对跨端部署的 JS 原生利用,MiniApp 既应用了 CSS 与 JavaScript 等 Web 技术,同时又能够应用操作系统提供的能力。

MiniApps 与规范的 WebApps 次要存在以下几种区别:

  • 宿主平台可能不是浏览器

<!—->

  • 应用程序的构建也可能不是基于 Web 上的资源

<!—->

  • UI 配置、渲染、资源打包以及拜访本地零碎性能的 API 中应用了不同但相干的技术

所以 MiniApps 工作组将以生态社区组(阿里、京东、华为等)孵化的技术提案为根底开展标准化,包含:

  • MiniApps 根本架构与性能,例如 Manifest、Packaging、Addressing、Lifecycle

<!—->

  • 能够加强不同 MiniApp 平台以及与 Web 之间互操作性的 MiniApp UI 组件(封装的可重用代码用于出现 UI 的一部分)、与组件相干的 API 和页面布局模版机制,可能也包含由 MiniApps 生态社区组进一步孵化的其余组件和 API

<!—->

  • 与 W3C 其余小组在 Web 的通用性上开展单干与协调,特地是围绕平安、隐衷、无障碍、国际化和其余 Webapp API(包含渐进式 Web 利用即 PWA)

针对上述提案,W3C 工作组打算交付以标准及报告:

  • Manifest: https://w3c.github.io/miniapp…

<!—->

  • Packaging: https://w3c.github.io/miniapp…

<!—->

  • Lifecycle: https://w3c.github.io/miniapp…

<!—->

  • Addressing: https://w3c.github.io/miniapp…

<!—->

  • Widget Requirements: https://w3c.github.io/miniapp…

目前次要的公开草案有 Manifest,Lifecycle,以及 11 月 30 号公布的 Packaging。

MiniApps 的体系结构

很显然 MiniApps 的宿主环境绝不局限于手机,还蕴含更宽泛的 IoT 场景,如车载汽车等,而社区组成员阿里巴巴也提出了对于 MiniApp for IoT 的 MiniApps 的体系结构:

上述体系结构针对手机等设施也是实用的。

MiniApps 的将来

将来 MiniApps 的会在寰球扩充覆盖范围与影响力,得益于中国小程序市场,特地是微信小程序的巨大成功,以及华为鸿蒙零碎的利用模式也相似于小程序,再加上国内 W3C MiniApps 工作组的反对。小程序、快利用将在将来成为一个无足轻重的存在,在社会影响力、开源影响力,国内外都会继续散发魅力,将成为中国为世界奉献的一份力量。

参考链接

  • https://www.chinaw3c.org/arch…

<!—->

  • http://www.woshipm.com/pd/331…

<!—->

  • https://mp.weixin.qq.com/s/F0…

<!—->

  • https://mp.weixin.qq.com/s/Ix…

<!—->

  • https://mp.weixin.qq.com/s/sP…

❤️/ 感激反对 /

以上便是本次分享的全部内容,心愿对你有所帮忙 ^_^

喜爱的话别忘了 分享、点赞、珍藏 三连哦~

欢送关注公众号 程序员巴士 ,来自字节、虾皮、招银的三端兄弟,分享编程教训、技术干货与职业规划,助你少走弯路进大厂。

正文完
 0