为了账号安全,请及时绑定邮箱和手机立即绑定

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

标签:
Html5

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  

点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

举报

0/150
提交
取消