专栏首页腾讯开源的专栏跨界!Omi 发布多端统一框架 Omip 打通小程序与 Web

跨界!Omi 发布多端统一框架 Omip 打通小程序与 Web

Omip

今天,Omi 不仅仅可以开发桌面 Web、移动 H5,还可以……

直接开发小程序!

直接开发小程序!

直接开发小程序!

Omi 简介

Omi 框架是微信支付线研发部研发的下一代前端框架, 基于 Web Components 规范设计的组件化框架,可以开发 PC Web、移动端 H5,也可以直接使用 Omi 开发小程序。Omi 服务于微信支付 H5 页面, 微信支付 PC 网站以及内部 OA 系统,微信支付相关的小程序等。自去年年底开源以来,该项目共获得 Star 数 7000+,贡献者 40+。Omi 借助京东 O2Team 优秀的 taro 多端统一框架,以及 Omi 开发团队和社区贡献者近期的共同努力,使 Omi 打通了小程序与 Web。细心的用户会发现,Omi 的 slogan 从 下一代 Web 框架 变更为 下一代前端框架, 因为 Omip 的加入,Omi 生于 Web 却能脱离 Web。

同样的语法,同样的书写格式,运行在不同的平台、不同的环境,除了一些平台特有的API,几乎不用任何改动! 老的 Omi 项目做一些极其微小的改动(平台特性相关)就能跑在安卓/IOS的小程序里。

  • Learn Once, Write Anywhere
  • Write Once, Run Anywhere

Omip 特性

  • 一次学习,多处开发,一次开发,多处运行
  • 使用 JSX,表达能力和编程体验大于模板
  • 支持使用 npm/yarn 安装管理第三方依赖
  • 支持使用 ES6+
  • 支持使用 CSS 预编译器
  • 小程序 API 优化,异步 API Promise 化
  • 超轻量的依赖包,顺从小程序标签和组件的设计

Omip 特性

npm i omi-cli -g 

omi init-p my-app 

cd my-app 

npm start

node 版本要求 >= 8

把小程序目录设置到 dist 目录就可以愉快地调试了!

npx omi-cli init-p my-app 也支持(npm v5.2.0+)

Omip 多端示例

Omi 其他

社区化发展,欢迎加入并贡献社区

目前 Omi 的贡献者遍布国内外各大公司(中国、韩国、美国、土耳其),Omi 共接受了快 40 位贡献者的文档和代码提交,核心贡献者共 11 名。欢迎有想法有能力有激情的开发者加入贡献者行列并最终能够进入 Omi Team。

你可以从这几个方面贡献:

  1. 翻译文档,目前有中文、英文和韩文,欢迎其他语言版本的翻译加入
  2. 提交补丁代码优化 Omi
  3. 积极参与 Issue 的讨论,如答疑解惑、提供想法或报告无法解决的错
  4. 贡献案例,可以是管理后台、PC 网站、移动端 H5等等
  5. 完善文档,可以反复修正文档,让其更易懂,上手更快
  6. 扩展 Omi 生态,编写 Omi 自定义组件
  7. 分享与 Omi 的故事
  8. 写 Omi 相关的 blog

我们非常欢迎开发者们为腾讯开源贡献一份力量,相应也将给予贡献者激励以表认可与感谢。参见腾讯贡献者激励计划

Omi 交流群

欢迎加入Omi交流群,群聊号码:256426170,也可扫码加入:

感谢

  • 感谢京东 O2Team taro 项目
  • 感谢京东 O2Team taro 团队

点击阅读原文跳转地址: https://github.com/Tencent/omi

文章分享自微信公众号:
腾讯开源

本文参与 腾讯云自媒体分享计划 ,欢迎热爱写作的你一起参与!

如有侵权,请联系 cloudcommunity@tencent.com 删除。
登录 后参与评论
0 条评论

相关文章

  • Omi × 云开发『半天』搞定小程序 『markdown 内容发布系统』

    开发者可以使用「云开发」开发微信小程序、小游戏,无需搭建服务器,即可使用云端能力。「云开发」为开发者提供完整的云端支持,弱化后端和运维概念,无需搭建服务器,使用...

    腾讯云开发TCB
  • Omi × 云开发『半天』搞定小程序 『markdown 内容发布系统』

    开发者可以使用「云开发」开发微信小程序、小游戏,无需搭建服务器,即可使用云端能力。「云开发」为开发者提供完整的云端支持,弱化后端和运维概念,无需搭建服务器,使用...

    腾讯开源
  • 解密腾讯前端技术体系

    为了了解当前前端的发展趋势,让我们从国内各大互联网大厂开始,了解他们的最新动态和未来规划。这是解密大厂前端技术体系的第三篇,前两篇已经讲述了阿里和百度在前端技术...

    前端迷
  • 开源项目介绍 |OMI-前端【跨框架】框架

    2021腾讯犀牛鸟开源人才培养计划 开源项目介绍 滑至文末报名参与开源人才培养计划 提交项目Proposal OMI项目介绍 标签:前端、小程序web   ...

    腾讯开源
  • 全面总结国内BATH等大厂开源的安卓有关的库(持续更新中...)

    UltraViewPager 是阿里开源的一个封装多种特性的 ViewPager ,主要是为多页面切换场景提供统一解决方案。

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

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

    腾讯开源
  • 2019 TWeb 腾讯前端技术大会精彩回顾

    讲师先是介绍了 flutter, 接着讲了腾讯企鹅辅导上的实践, 包括了安卓, iOS 和 Pad 上的原生应用如何嵌入 flutter 以及原生页面与 flu...

    桃翁
  • 第一篇|腾讯开源项目盘点:WeUI,WePY,Tinker,Mars等

    开源展示了人类共同协作,成果分享的魅力,每一次技术发展都是站在巨人的肩膀上,技术诸多创新和发展往往就是基于开源发展起来的,没有任何一家网络公司可以不使用开源技术...

    腾讯技术工程官方号
  • 【开源公告】微信小程序解决方案 Westore 开源

    众所周知,小程序本身的工程化十分优秀,不管从组件化、开发、调试、发布、灰度、回滚、上报、统计、监控和最近的云能力都非常完善。据统计,开发小程序使用最多的技术栈是...

    腾讯开源
  • 腾讯最热门30款开源项目

    开源是个好东西,马化腾除了王者荣耀还是干了些好事情的。腾讯最近开源的一些比较热门的项目,可以学习了解下哈

    Anymarvel
  • Kbone原理解析与小程序技术选型

    https://developers.weixin.qq.com/community/develop/article/doc/0006a6326b8d38e56...

    zz_jesse
  • Kbone原理解析 & 小程序技术选型

    首先我们来看下普通Web端框架,以Vue框架为例,一份Vue模板对应一个组件,在代码构建阶段编译成调用Dom接口的JS函数,执行此JS函数就会创建出组件对应的D...

    binnie
  • 第二篇|腾讯开源项目盘点:ncnn、xLua、libco等

    开源展示了人类共同协作,成果分享的魅力,每一次技术发展都是站在巨人的肩膀上,技术诸多创新和发展往往就是基于开源发展起来的,没有任何一家网络公司可以不使用开源技术...

    腾讯技术工程官方号
  • 从零开始写一个 Web Component - GitHub Corners

    Web Components 实际上和现在 React/Vue 等前端框架的组件概念十分相似,或者倒不如说 Vue 的 SFC(单文件组件)其实正是借鉴自 We...

    云游君
  • Web组件化框架Omi颠覆式升级 全面拥抱Web components

    Omi 是腾讯开源的通用 Web 组件化框,在最近的一次版本发布中,Omi 进行了颠覆式升级,全面拥抱 Web Components。 Web Compone...

    腾讯开源
  • 开放式管理基础结构 OMI

    Windows 长久以来在 CIM 实施领域一直傲立桥头,而这一切都是从 WMI(Windows 管理基础结构)开始的。分布式管理任务组 (DMTF) 通用信息...

    张善友
  • 又一个跨端框架来了! 腾讯开源内部跨端统一开发框架:Hippy!

    最近腾讯出了一套跨端开发框架 :Hippy 其实早在今年年初微信也出了一套:腾讯微信发布多端统一框架 Omi

    开发者技术前线
  • 开源项目介绍 |TNN-跨平台AI推理框架

    2021腾讯犀牛鸟开源人才培养计划 开源项目介绍 滑至文末报名参与开源人才培养计划 提交项目Proposal TNN项目介绍         标签:人工智能...

    腾讯开源

扫码关注云+社区

领取腾讯云代金券