小李SEO博客

网站优化服务

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

导语: omi-mp 是什么 Omi 框架是微信支付线研发部和 AlloyTeam 开源的通用 Web 组件化框架,基于 Web Components,

01.jpg

omi-mp 是什么

Omi 框架是微信支付线研发部和 AlloyTeam 开源的通用 Web 组件化框架,基于 Web Components,用来开发 PC、手机浏览器或者微信、手Q webview 的 Web 页面。自今年5月开源以来,该项目共获得 Star 数 5000+,拥有贡献者29人。经过 Omi 原始开发团队和社区贡献者的共同努力,Omi 的生态发展非常迅速,包括:

02.jpg

其中,Omi 近期发布 omi-mp,旨在打破小程序和 Web 的边界,让“小程序员”能够使用小程序技术栈开发 Web HTML5 的单页应用(SPA), 也可让已有小程序生成 Web 页面。一次开发,多处运行。比如小程序官方模板生成的 Web 页面:

03.jpg

微信小程序生态

11月7日,马化腾在第五届世界互联网大会上透露了一组数字:目前,已经有150 万开发者加入到了小程序的开发,小程序应用数量超过100万,已覆盖200多个细分行业,日活用户达到2亿。近10个月的时间,小程序的数量几乎翻了一番,开发者数量增长了50万,小程序日活增长了3000万。

04.jpg

据统计,开发小程序用的最多的技术栈是使用小程序提供的语法和工具, 腾讯也在加大小程序基础能力和平台生态的建设。在可以遇见的未来,微信小程序将不仅仅拥抱 Web Components,还会更好的支持NPM、小程序云、可视化编程、分包。小程序的可视化布局体系,能够让开发者拖拖拽拽搭积木一样快速搭建小程序。

微信小程序和 Omi

微信小程序和 Omi 框架都是使用 Web Components(CustomElements 和ShadowDom)渲染组件,以搭积木的方式搭建 Web 页面,小程序在定制的 WebView 中渲染组件,Omi 在 PC、Mobile、TV 等现代浏览器环境渲染组件,Omi 使用 JSX 作为 UI 表达式,小程序使用模板引擎,JSX 是图灵完备,可以表达一切模板引擎。比如举个99乘法表的例子:

05.jpg

编译成 javascript 之后:

06.jpg

小程序支持 rpx 布局,Omi也增强了CSS,支持基于750屏幕宽度,支持 rpx 布局。比如定义一个半屏宽度的 div:

07.jpg

小程序和 Omi 有很多共性,自然而然地可以打通二者之间的边界,让小程序在更多的平台上体现其价值,节约公司人力成本,一次开发,多处运行。

08.jpg

这次公开测试的 omi-mp 旨在挖掘小程序的平台潜力和优势,让开发者使用现有的小程序快速生成基于 Web Components 的 HTML5 单页应用,基于 Omi和omi-router 的前端项目,让小程序不仅仅可以运行在微信里,也可以运行在微信内置的浏览器、手Q内置的浏览器、QQ浏览器以及 PC、Mobile、TV 等等的其他浏览器里。你可以同时使用 OMI 开发这工具或者微信开发者工具调试,既然 Omi 使用了 Web Components 和 Shadow-DOM, 所以不需要像 React 一样安装其他元素面板,只需要使用 Chrome 自带的 Elements' sidebar 便可,它和 React开发者工具一样强大。

09.jpg

omi-mp 是一次全新的、突破性的挑战,希望通过开源社区的合力开发能够让 omi-mp 越来越好,让小程序发挥更大的价值。

温馨提示:这篇文章没有解决您的问题?欢迎添加微信:13712967640,有微信小程序专业人员,保证有问必答。

上一篇:到小程序,「薅流量」去 下一篇:张一鸣入场,抖音小程序对战BAT,谁更有优势?
微信营销相关文章阅读
  • 微信小程序发展前景的思考

    导语:2017年小程序的出现完美解决了原生应用与Wep应用的短板,以无需安装、用完即走的轻便形态,快速解决用户的实际需求,成为移动互联网下半场的核心领导者。2018年 2017年小程序的出现完美...

  • 六一国际儿童节微信营销活动策划方案及攻略整理汇总

    儿童节临近,各大品牌的预热营销盛典悉数上演,为最终销售数据的飙升烧上一把火。当然,营销的方式有很多种,今天和大家分享一下如何通过微信营销做好儿童节,小编为大家整理了一些...

  • QM报告中的小程序江湖:微信“尖”、百度“均”

    导语: 文章经授权转自公众号: 科技向令说(ID:xiangling0815) 在QuestMobile刚刚发布的《2020移动互联网全景生态 文章经授权转自公众号: 科技向令说(ID:xiangling0815) 在QuestMobile刚刚发布的《2020移...

  • 五个方面做好微信营销活动策划

    随着微信的普及,微商很瘦欢迎,各大企业和个人都在利用微信来进行盈利,那么就免不了在微信上做活动,在微信上做活动要比传统的方法和独立网站上做活动要轻松的多,因为他是依靠于...

  • 微信诞生 7 周年,小程序正在打开“社交电商”新战场

    导语: 微信小程序似乎正在打开社交电商的新战场,将战火引向了阿里巴巴的老本行。本文编译自Eva Xiao在Tech in Asia上发表的题为In WeChat, sellers ar 微信小程序似乎正在打开社交电商的新战场,...

  • 怎么运营微信公众平台 绝对干货

    有的人错过了2003年开淘宝的时机,又错过了微博营销,在2013年微信公众号火起来的时候大家似乎没有错过,于是一头扎进微信营销的浪潮中。腾讯公布的数据是现在有200多万公众号,而且以每...

  • 微信营销的新知识 微信小店必成功的三点要素

    近日,微信小店在微信公众平台上线,一经推出就受到外界格外关注。今天也有一些朋友从业内人士的角度去分析微信小店对于第三方平台的冲击,言简意赅,例证充分,的确是干货一篇,但...

  • 小程序直播带货,或成微信生态增长新引擎

    导语: 眼间,2020即将过去了2/3,回顾这大半年,直播带货大行其道,无疑为电商营销赋予了创新红利,尤其在疫情期间,突显出了巨大的商业价值。尽管眼看有的直播带货销售过亿,也 眼间...

  • 微信公众号推广、运营以及盈利的方法

    微信公众号如何推广、运营以及盈利?本文从熟悉微信公众号、排版技巧、栏目建设、运营推广四大块来说。本文主要针对各企业的微信运营新手和希望自己运营微信公众号的朋友,所有更多...

  • 微信春晚摇一摇5亿红包要交税1亿元 用户收到实际只有4亿

    3月5日消息,腾讯CEO马化腾在两会上接受媒体群访时透露,B2C的红包,即央视摇一摇红包是交税的,5亿的红包有1个亿是要交税的,也就是20%,大家实际收到是4亿。 对于C2C的红包,即个人之间...

  • 领取拼多多优惠券的微信公众号,每天更省拼多多的无门槛隐藏大额优惠券

    相信最近一两年很多朋友都被微信的好友拉进各种各样的优惠券群里,每天群消息爆炸,手机卡顿,流量跑的很快,还经常找不到自己喜欢的商品,群发商品优惠券信息有限,你知道先可以用...

  • 收藏级!小程序 10 大最强推广攻略,助你获取微信亿级流量

    导语: 如果你关心小程序,那么你应该了解它之前有「自定义关键词」的功能。有了它,开发者可以设定与小程序有关的关键词,让用户搜索关键词时,能更快找到你的小程序。 但 如果你关...

SEO公司排名
 
QQ在线咨询
SEM竞价推广
137-1296-7640
SEO优化外包
137-1296-7640