继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

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

蝴蝶刀刀
关注TA
已关注
手记 412
粉丝 38
获赞 184

Omip

今天,Omi 不仅仅可以开发桌面 Web、移动 H5,还可以直接开发小程序!直接开发小程序!直接开发小程序!

Github

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。

5c7dda810001973c15061404.jpg

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

  • Learn Once, Write Anywhere

  • Write Once, Run Anywhere

5c7dda81000140f310043312.jpg

Omip 特性

  • 一次学习,多处开发,一次开发,多处运行

  • 使用 JSX,表达能力和编程体验大于模板

  • 支持使用 npm/yarn 安装管理第三方依赖

  • 支持使用 ES6+

  • 支持使用 CSS 预编译器

  • 小程序 API 优化,异步 API Promise 化

  • 超轻量的依赖包,顺从小程序标签和组件的设计

快速开始

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 多端示例

5c7dda82000145d405530496.jpg
5c7dda83000109db05540479.jpg

Omi 其他

5c7dda830001751c05710967.jpg

5c7dda830001d5e710261899.jpg

作者:当耐特

原文出处:https://www.cnblogs.com/iamzhanglei/p/10448621.html  

打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP