当前位置: 首页 > 科技观察

打破界限!Omi生态omi-mp发布,利用小程序开发生成Web

时间:2023-03-17 18:17:10 科技观察

omi-mp什么是  Omi框架是微信支付线研发部和AlloyTeam开源的通用Web组件框架,基于WebComponents,使用开发PC、手机浏览器或微信、手机QQwebview网页。自今年5月开源以来,该项目累计获得5000+Star和29名贡献者。通过Omi原开发团队和社区贡献者的共同努力,Omi的生态发展非常迅速,包括:  其中,Omi最近发布了omi-mp,旨在打破小程序和Web的界限,让“littleprogrammers”可以使用小程序技术栈开发WebHTML5单页应用(SPA),也可以让已有的小程序生成网页。一次开发,多处运行。比如小程序官方模板生成的网页:  微信小程序生态  11月7日,马化腾在第五届世界互联网大会上透露了一组数字:目前,150万开发者纷纷加入小程序开发,小程序应用数量突破100万,覆盖200多个细分行业,日活跃用户数达到2亿。过去10个月,小程序数量几乎翻了一番,开发者数量增加了50万,小程序日活增加了3000万。  据统计,开发小程序使用最多的技术栈是使用小程序提供的语法和工具。腾讯也在增加小程序的基础能力和平台生态。在可预见的未来,微信小程序不仅会拥抱WebComponents,还会更好地支持NPM、小程序云、可视化编程、分包等。小程序的可视化布局体系,让开发者可以像搭积木一样,通过拖拽的方式快速搭建小程序。  微信小程序和Omi  微信小程序和Omi框架都使用WebComponents(CustomElements和ShadowDom)渲染组件,以积木的方式构建网页。小程序在定制的WebView中渲染组件,Omi在现代浏览器环境(如PC、Mobile和TV)中渲染组件。Omi使用JSX作为UI表达式,小程序使用模板引擎。JSX是图灵完备的,可以表达所有的模板引擎。举个例子,99乘法表:  被编译成javascript:  小程序支持rpx布局,Omi也增强了CSS,支持750屏幕宽度,支持rpx布局。比如定义一个半屏宽度的div:  小程序和Omi有很多共同点。自然可以打通两者的边界,让小程序在更多的平台上体现其价值,节省公司的人力成本,一次开发,多地运行。  本次omi-mp公测旨在挖掘小程序的平台潜力和优势,让开发者利用已有的小程序快速生成基于WebComponents的HTML5单页应用,基于Omi前端和omi-router项目,让小程序不仅可以在微信中运行,还可以在微信内置浏览器、手Q内置浏览器、QQ浏览器以及PC、手机、电视等其他浏览器中运行,etc.可以使用OMI开发本工具或者微信开发者工具同时调试。由于Omi使用WebComponents和Shadow-DOM,所以不需要像React一样安装其他元素面板。您只需要使用Chrome自带的Elements侧边栏。它和ReactDevTools一样强大。  omi-mp是一项全新的突破性挑战。我们希望通过开源社区的共同发展,让omi-mp越来越好,让小程序发挥更大的作用。