江苏龙网

  1. 主页 > 生活百科 > >

一套移动端高性能高可用的动态化跨端开发框架( 二 )

框架


npm install @hummer/cli -g
新建项目：
hummer init // 输出以下内容，选择其中一种模块工程 ? Which template do you want init? template-vue // Tenon-Vue 模板工程，通过 Vue 框架来做业务开发 template-react // Tenon-React 模板工程，通过 React 框架来做业务开发 ? template-ts // Hummer 模板工程，通过 TS 或 JS 来做业务开发 template-library // 组件库模板工程，用于创建 Hummer 或 Tenon 的组件库 template-android // Android 原生模板工程 template-ios // iOS 原生模板工程 // 接着输出以下内容，这里可以输入项目名称，按回车可直接使用默认值 ? Project Name (template-ts) // 接着输出以下内容，这里可以输入项目描述，按回车可直接使用默认值 ? Description (Hummer Project) // 接着输出以下内容，这里可以输入项目作者，按回车可直接使用默认值 ? Author (XiaoFeng )
编译打包：
hummer build
Android 集成示例
添加 Hummer SDK 依赖：
dependencies { implementation 'io.github.didi.hummer:hummer:0.4.2' //版本号需自行替换成当前的最新发布版本 }
初始化 Hummer SDK：
@Override public void onCreate() { super.onCreate(); Hummer.init(this); }
实现 Hummer 容器：
public class HummerSinglePageActivity extends HummerActivity { @Override protected NavPage getPageInfo() { // URL来源一：通过Intent传入 // return super.getPageInfo(); // URL来源二：assets文件路径 // return new NavPage("HelloWorld.js"); // URL来源三：手机设备文件路径 // return new NavPage("/sdcard/HelloWorld.js"); // URL来源四：网络url return new NavPage("http://x.x.x.x:8000/index.js"); } }
案例

一套移动端高性能高可用的动态化跨端开发框架

文章插图
 
一套移动端高性能高可用的动态化跨端开发框架

文章插图
 
开源协议：Apache2.0
开源地址：https://github.com/didi/Hummer




推荐阅读


上一篇：分享 15 个 HTML 新特性，大多数人可能不知道，建议尽早使用上

下一篇：Redis实战之session共享