打破世界！ Omi Eco omi-mp发布，使用小程序开发生成Web

omi-mp 是什么

Omi框架是微信支付线研发部门和AlloyTeam开源通用Web组件框架的Web Components，用于开发PC，手机或浏览器微信，手工Q-webview网页。自今年5月开源以来，该项目共赢得了5000多颗明星和29位贡献者。通过Omi的原始开发团队和社区贡献者的共同努力，Omi的生态发展非常迅速，包括：

其中，Omi最近发布了omi-mp，旨在打破小程序和Web边界，使“小程序成员”可以使用小程序技术堆栈开发Web HTML5单页面应用程序（SPA），也允许现有的小程序生成网页。开发一次并在多个地方运行。例如，官方模板小程序生成的网页：

微信小程序生态

11月7日，马化腾在第五届世界互联网大会上公布了一系列数据：目前，已有150万开发者加入了小程序的开发，小程序的应用数量超过了100万，覆盖了200多个子行业。 沈阳软件自定义

每日用户数达到2亿。在过去10个月中，小程序的数量几乎翻了一番，开发人员数量增加了50万，而小程序的数量增加了3000万。

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

微信小程序和 Omi

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

编译成 javascript 之后:

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

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

xxxx 这个经过公开测试的omi-mp旨在利用小程序的平台潜力和优势，允许开发人员使用基于Omi和omi-router前端项目的现有小程序快速生成基于Web5的HTML5单页面应用程序，使得小程序不会只能在微信中运行，或者可以在微信的内置浏览器，Q的内置浏览器，QQ浏览器以及PC，手机，电视等其他浏览器中运行。您可以使用OMI同时开发此工具或微信开发人员工具。由于Omi使用Web Components和Shadow-DOM，因此您无需安装其他元素面板（如React），只需使用Chrome附带的Elements侧边栏即可。它与React开发人员工具一样强大。

Omi-mp是一项新的突破性挑战。希望开源社区的共同发展能让omi-mp变得越来越好，让小程序发挥更大的价值。