文档章节

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

腾讯开源
 腾讯开源
发布于 11/14 18:54
字数 1513
阅读 111
收藏 0
Omi

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 版权声明:本文为博主原创文章,转载请附上博文链接!

© 著作权归作者所有

共有 人打赏支持
腾讯开源
粉丝 61
博文 35
码字总数 69748
作品 0
私信 提问
Omi 入坑指南 The second floor 初步接触

Omi 已经出了 5.0 版本,由于新手,我们还是使用官方提供的 Cli 去安装,安装完毕后你会发现还是Omi 4.0的那个版本 在中提供了4中开发的项目模板 模板 Command 基础模板 omi init my-app 使用...

傻梦兽
11/28
0
0
腾讯 Omi 5.0 发布 - Web 前端 MVVM 王者归来

写在前面 腾讯 Omi 框架正式发布 5.0,依然专注于 View,但是对 MVVM 架构更加友好的集成,彻底分离视图与业务逻辑的架构。 你可以通过 omi-cli 快速体验 MVVM: 也支持(要求 npm v5.2.0+) M...

当耐特
11/27
0
0
微信小程序解决方案 - Westore

Westore —— 微信小程序解决方案 1KB JavaScript 覆盖状态管理、跨页通讯、插件开发和云数据库开发。 众所周知,小程序本身的工程化十分优秀,不管从组件化、开发、调试、发布、灰度、回滚、...

dntzhang
10/30
0
0
腾讯开源 Westore,1KB JS 覆盖状态管理与跨页通讯

30 日,腾讯开源微信小程序解决方案 Westore,并表示该方案能够以 1KB JavaScript 覆盖状态管理、跨页通讯、插件开发和云数据库开发。 据介绍,Westore 的开发背景是因为小程序通过页面或组件...

h4cd
10/31
4.4K
2
Omi 5.0.5 发布,腾讯开源的下一代 Web 框架

Omi 5.0.5 已发布,更新内容如下: [Fix] fix host [Add] supports for amd env, it's the same as Omi 是腾讯开源的下一代 Web 框架,去万物糟粕,合精华为一,让 JSX、Web Components、Pro...

王练
12/03
0
10

没有更多内容

加载失败,请刷新页面

加载更多

cmake 编译脚本

#!/bin/sh test -d build || mkdir -p build cd build cmake .. make

shzwork
17分钟前
2
0
数据表引擎

InnoDB表引擎 默认事务性引擎 数据存储在共享表空间,可以通过配置分开 对主键查询的性能高于其它引擎 从磁盘读取数据时自动在内存构建hash索引,插入数据时自动构建插入缓冲区 通过一些机制和...

关元
19分钟前
0
0
从零开始实现Vue简单的Toast插件

概述: 在前端项目中,有时会需要通知、提示一些信息给用户,尤其是在后台系统中,操作的正确与否,都需要给与用户一些信息。 1. 实例 在Vue组件的methods内,调用如下代码 `this``.$toast({...

前端小攻略
22分钟前
1
0
yaf和yaconf

pecl install yafpecl install yaconf [yaf] yaf.environ = dev yaf.use_spl_autoload = On yaf.use_namespace = 1 [yaconf] yaconf.directory = /data/wwwroot/yaconf......

果树啊
22分钟前
0
0
day01:shell基础(shell基础、alias及重定向)

1、shell基础介绍: shell是一个命令解释器,用于用户与机器的交互: 也支持特定的语法(逻辑判断,循环): 每个用户都有自己特定的shell:Centos7的shell是bash(bourne agin shell): shel...

芬野de博客
26分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部