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

omi-mp 是什么 Omi 框架是微信支付线研发部和 AlloyTeam 开源的通用 Web 组件化框架，基于 Web Components，用来开发 PC、手机浏览器或者微信、手Q webview 的 Web 页面。自今年5月开源以来，该项目共得到 Star 数 5000+，拥有贡献者29人。通过 Omi 原始开发团队和社区贡献者的共同努力，Omi 的生态发展很是迅速，包括： 其中，Omi 近期发布 omi-mp，旨在打破小程序和 Web 的边界，让“小程序员”可以使用小程序技术栈开发 Web HTML5 的单页应用（SPA）, 也可以让已有小程序生成 Web 页面。一次开发，多处运行。好比小程序官方模板生成的 Web 页面：

微信小程序生态 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 有不少共性，天然而然地能够打通两者之间的边界，让小程序在更多的平台上体现其价值，节约公司人力成本，一次开发，多处运行。 此次公开测试的 omi-mp 旨在挖掘小程序的平台潜力和优点，让开发者使用现有的小程序快速生成基于 Web Components 的 HTML5 单页应用，基于 Omi和omi-router 的前端项目，让小程序不只仅能够运行在微信里，也能够运行在微信内置的浏览器、手Q内置的浏览器、QQ浏览器以及 PC、Mobile、TV 等等的其余浏览器里。你能够同时使用 OMI 开发这工具或者微信开发者工具调试，既然 Omi 使用了 Web Components 和 Shadow-DOM, 因此不须要像 React 同样安装其余元素面板，只须要使用 Chrome 自带的 Elements’ sidebar 即可，它和 React开发者工具同样强大。 omi-mp 是一次全新的、突破性的挑战，在使用过程当中，对 omi-mp 有任何意见或建议均可以提出 issues，咱们会第一时间反馈，你也能够提交 Pull Request，咱们会第一时间 review 并合并进去。但愿经过开源社区的协力开发可以让 omi-mp 愈来愈好，让小程序价值愈来愈大。

小程序开发生成 Web 示例 下面是豆瓣电影小程序 DEMO 和生成的 Web页面的对比： 社区化发展，欢迎加入并贡献社区 目前 Omi 的贡献者遍及国内外各大公司（中国、韩国、美国、土耳其），Omi 共接受了29名贡献者的文档和代码提交，核心贡献者共 11 名。在腾讯内部，Omi 主要是微信支付线研发部和 AlloyTeam 部分红员在维护。欢迎有想法有能力有激情的开发者加入贡献者行列并最终可以进入 Omi Team。

你能够从这几个方面贡献：

翻译文档，目前有中文、英文和韩文，欢迎其余语言版本的翻译加入 提交补丁代码优化 Omi 积极参与 Issue 的讨论，如答疑解惑、提供想法或报告没法解决的错误 贡献案例，能够是管理后台、PC 网站、移动端 H5等等 完善文档，能够反复修正文档，让其更易懂，上手更快 扩展 Omi 生态，编写 omi 自定义组件 分享与 Omi 的故事，优秀的会挂在 Omi 首页 readme 里 写 Omi 相关的 blog，优秀的会挂在 Omi 首页 readme 里 咱们很是欢迎开发者们为腾讯开源贡献一份力量，相应也将给予贡献者激励以表承认与感谢。参见腾讯贡献者激励计划

欢迎加入Omi群聊，号码：256426170，也可扫码加入: Omi Conf 最后有一个好消息要告诉你们！Omi Conf 前端开发者大会预计年末会在深圳举行，目前咱们收集广大用户和贡献者的意见，具体这里能够留言反馈参会意见建议： https://github.com/Tencent/omi/issues/62

做者：tencent__open 版权声明：本文为博主原创文章，转载请附上博文连接！