# Hummer

**Repository Path**: lineCodeJm/Hummer

## Basic Information

- **Project Name**: Hummer
- **Description**: 一套移动端高性能高可用的动态化跨端开发框架
- **Primary Language**: Unknown
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 12
- **Created**: 2022-09-12
- **Last Updated**: 2022-09-12

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README


<div align="left">
 <a href="http://hummer.didi.cn">
    <img alt="Hummer" src="https://pt-starimg.didistatic.com/static/starimg/img/qJSiUPdQIn1605061199481.png" width="384" />
 </a>
</div>

<div align="left">
<img alt="Hummer" src="https://img.shields.io/badge/group-Hummer-blue.svg" />
<a href="https://github.com/didi/Hummer/blob/master/LICENSE">
    <img alt="license" src="https://img.shields.io/badge/license-Apache%202-green" />
</a>
<a href="https://github.com/didi/Hummer/pulls">
    <img alt="PRs" src="https://img.shields.io/badge/PRs-welcome-brightgreen.svg" />
</a>
</div>

<br/>
<br/>
<br/>

## 简介
Hummer 是一套高性能高可用的跨端开发框架，一套代码可以同时支持开发 Android 和 iOS 应用。现已经支持 Vue/React/TypeScript/JavaScript 四种语法，面向大前端开发人员，总有一款适合你。

## 技术优势
正如 Hummer（蜂鸟）的名字一样，具有小巧轻盈的体态，迅猛强健的翅膀，以及色彩艳丽的外表。
- **超轻量：** 小于 1M 的编译产物，能以极低的包体积成本接入到 App 中，打造极致轻量优势；
- **易上手：** Hummer API + Tenon Reactive Framework，兼顾客户端和前端的开发体验，造就极低的学习门槛；
- **高可用：** 已在滴滴内部多个业务中得到完整验证，整体 Crash 率低于 0.01%；
- **高性能：** 基于原生组件和模块，可以最大化利用原生渲染的性能优势以及平台能力；
- **跨平台：** 一套代码可以编译并运行于 iOS 和 Android 平台，使用 Tenon 可以快速兼容基于 Vue 开发的 Web 应用；
- **动态化：** 利用 JavaScript 解释执行的特性，可以快速部署动态页面，配合 Hummer Nest 平台可以实现云端发布；

## 开始使用
- 官方文档请访问 [Hummer 官网](https://hummer.didi.cn/)，点击[【快速开始】](https://hummer.didi.cn/doc#/zh-CN/)按钮。
- 想创建一个全新的 Hummer 跨端应用，请参考 [创建一个全新应用](https://hummer.didi.cn/doc#/zh-CN/new_project_doc)。
- 想在现有客户端项目中集成 Hummer 跨端框架，请参考 [Android 端接入文档](https://hummer.didi.cn/doc#/zh-CN/android_doc) 和 [iOS 端接入文档](https://hummer.didi.cn/doc#/zh-CN/ios_doc)。
- 想了解更多客户端集成 Hummer 时的高阶用法，请参考 [Android 进阶](https://hummer.didi.cn/doc#/zh-CN/android_doc_advanced) 和 [iOS 进阶](https://hummer.didi.cn/doc#/zh-CN/ios_doc_advanced)。
- 想了解更多 Hummer 调试相关的使用说明，请参考 [调试文档](https://hummer.didi.cn/doc#/zh-CN/debugger)。
- 想了解更多 Hummer CLI 脚手架的使用说明，请参考 [CLI 使用教程](https://hummer.didi.cn/doc#/zh-CN/cli_doc)。
- 想了解更多 Hummer 相关的基准测试报告，请参考 [Hummer Standard Benchmarks](https://github.com/OrangeLab/hummer-standard-benchmarks)。

## 简单演示
简单感受一下分别使用 Hummer API 和 Tenon 开发的 HelloWorld 页面对应的代码，以及分别在 Android 和 iOS 设备上运行的最终效果。

| Hummer | Tenon |
| ---- | ---- |
| ![HummerCode](https://pt-starimg.didistatic.com/static/starimg/img/N7CzmAl5p51607423131839.png) | ![TenonCode](https://pt-starimg.didistatic.com/static/starimg/img/LVnCNM6hP21607423147651.png) |

| Android | iOS |
| ---- | ---- |
| ![HummerCode](https://pt-starimg.didistatic.com/static/starimg/img/dfed6eHxTQ1607423220944.png) | ![TenonCode](https://pt-starimg.didistatic.com/static/starimg/img/mGMzF3X8F31607423224147.png) |

## 关联仓库
| 仓库      |  说明   |
| :-------- | :------ |
| [Hummer CLI](https://github.com/OrangeLab/hummer-cli) | Hummer CLI 工具库  |
| [Hummer CLI Template](https://github.com/OrangeLab/hummer-cli-template)   | Hummer CLI 的模板仓库  |
| [Tenon Loader](https://github.com/OrangeLab/tenon-loader)   | Tenon Vue Loader  |
| [Tenon Plugins](https://github.com/OrangeLab/tenon-plugins)   | Tenon 的插件库  |
| [N-API](https://github.com/OrangeLab/N-API)   | 抽象 JS 引擎库  |

## 协议
<img alt="Apache-2.0 license" src="https://www.apache.org/img/ASF20thAnniversary.jpg" width="128">

Hummer 基于 Apache-2.0 协议进行分发和使用，更多信息参见 [协议文件](LICENSE)。

## 团队成员
- **负责人** 
[小枫](https://github.com/bbssyyuui)

- **内部核心成员** 
[小枫](https://github.com/bbssyyuui), 
[ChasonTang](https://github.com/ChasonTang), 
[yFeii](https://github.com/yFeii), 
[AdamCaoQAQ](https://github.com/AdamCaoQAQ), 
[fangyeqing123](https://github.com/fangyeqing123), 
[卡布达](https://github.com/kabda), 
[peakerWd](https://github.com/peakerWd), 
[maxiee](https://github.com/maxiee)

- **贡献者榜单** 
[duanlikang](https://github.com/duanlikang), 
[LinJZong](https://github.com/LinJZong), 
[viwii](https://github.com/lijie121210), 
[zhugeafanti](https://github.com/zhugeafanti), 
[tailang](https://github.com/tailang), 
[jsbsdbd1025](https://github.com/jsbsdbd1025), 
[MePride](https://github.com/MePride), 
[AbeDai](https://github.com/AbeDai), 
[ruosongyan](https://github.com/ruosongyan), 
[Yanliang](https://github.com/1015121455), 
[fxhfwf](https://github.com/fxhfwf), 
[lb2019s](https://github.com/lb2019s), 
[jianyuanzong](https://github.com/jianyuanzong), 
[conanmy](https://github.com/conanmy), 
[xikou1314](https://github.com/xikou1314), 
[未小林](https://dribbble.com/Yikewxlin), 
[jtsky](https://github.com/jtsky), 
[jayconscious](https://github.com/jayconscious), 
[宏宇](https://github.com/ringlong), 
[litianhao3615](https://github.com/litianhao3615), 
[Leo](https://github.com/firelion0725), 
[jueying-key](https://github.com/jueying-xiangfeng), 
[WorriesL](https://github.com/WorriesL), 
[QiYa](https://github.com/QIYA0130), 
[XingJimmy](https://github.com/XingJimmy),
[符孙浪](https://github.com/fusunlang)

## 近期规划

### 里程碑
- 5月份
    - 支持线程分离
    - 移动版 DevTools 增强
    - Hummer for Web 发布
- 6月份
    - VSCode 插件能力增强
    - Playground Examples 丰富
    - 开发文档补齐优化
- 8月份
    - Hummer Nest 平台初版发布
    - mand-mobild for Hummer 版组件库初版发布

## QQ 交流群
欢迎加入我们的 QQ 交流群【Hummer&Tenon跨端交流群】(851327307)，有任何 Hummer 使用上的问题和建议，都可以在群里直接反馈，我们会第一时间跟进。
<div style="height: 200px">    
 <img src="https://pt-starimg.didistatic.com/static/starimg/img/rvyykc2JhS1607601681131.png" height = "200" alt="QQ 交流群" />
</div>

## 微信公众号
欢迎关注我们团队的官方技术公众号【滴滴OrangeLab】，我们会在这里持续输出团队内部比较有深度的技术沉淀和经验分享，欢迎一起交流。
<div style="height: 200px">
 <img alt="滴滴OrangeLab" src="https://pt-starimg.didistatic.com/static/starimg/img/cPlaMme4g81616682162304.jpg" height = "200" />
</div>

## 友情链接
- [DoKit](https://github.com/didi/DoraemonKit) DoraemonKit /'dɔ:ra:'emɔn/，简称 DoKit，中文名 哆啦A梦，意味着能够像哆啦A梦一样提供给他的主人各种各样的工具。Just Do Kit
- [Mand Mobile](https://github.com/didi/mand-mobile) 一款优秀的面向金融场景的移动端 UI 组件库。
- [OrangeLab](https://github.com/OrangeLab) 我们团队的官方 GitHub 组织，我们团队所有对外开源的其他项目都可以在这里找到。
<div style="height: 200px">
 <img alt="OrangeLab" src="https://pt-starimg.didistatic.com/static/starimg/img/D0o2VUdbBk1619669626314.png" height = "200" />
</div>