跨界 - Omi 发布多端统一框架 Omip 打通小程序与 Web
Omip
今天,Omi 不仅仅可以开发桌面 Web、移动 H5,还可以直接开发小程序!直接开发小程序!直接开发小程序!
→ omijs.org
→ Github 地址
Omi 简介
Omi 框架是腾讯研发的下一代前端框架, 基于 Web Components 规范设计的组件化框架,可以开发 PC Web、移动端 H5,也可以直接使用 Omi 开发小程序。Omi 服务于腾讯的 H5 页面, PC 网站以及腾讯内部的一些管理系统和小程序等。自去年年底开源以来,该项目共获得 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 化
超轻量的依赖包,顺从小程序标签和组件的设计
快速开始
[代码]npm i omi-cli -g
omi init-p my-app
cd my-app
npm start //开发小程序
npm run dev:h5 //开发 h5
npm run build:h5 //发布 h5
[代码]
把小程序目录设置到 dist 目录就可以愉快地调试了!
node 版本要求 >= 8
也支持一条命令 [代码]npx omi-cli init-p my-app[代码] (npm v5.2.0+)
当然也支持 TypeScript:
[代码]omi init-p-ts my-app
[代码]
TypeScript 的其他命令和上面一样,也支持小程序和 h5 SPA 开发。
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 团队
Github
https://github.com/Tencent/omi