HybridApp开发库

开发App时, 把一些页面使用HTML5开发, 集成到iOS和Android中, 比较省时省力. 那么来看看都有哪些主流库可以使用呢?

本文主要关注三个: PhoneGap, DCloud, ReactNative, 并都做了尝试.

PhoneGap: http://www.jianshu.com/p/c7fd736437b0

DCloud: http://www.jianshu.com/p/2cdf23c7c043

ReactNative: http://www.jianshu.com/p/d63c9a22973d

根据判断, 目前使用ReactNative比较适合我们的需求.

1. 实时

PhoneGap 2.9.1最新版本竟然是2013年11月的.

DCloud和ReactNative都是最近更新的.

2. 友好

PhoneGap需要生成jar包导入, 并且不支持maven库, 继承CordovaActivity加载.

public class PhoneGapActivity extends CordovaActivity {
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);

// 更换一下载入形式
//setContentView(R.layout.activity_main);
super.loadUrl("file:///android_asset/www/index.html");
}
}

DCloud提供了多个jar包, 功能划分的比较细致, 按需导入, 关联代理和资源加载.

if (mEntryProxy == null) {
FrameLayout f = (FrameLayout) findViewById(R.id.js_contaner);
wm = new WebappMode(this, f);
mEntryProxy = EntryProxy.init(this, wm);
mEntryProxy.onCreate(savedInstanceState, SDK.IntegratedMode.WEBAPP, wm);
}

ReactNative提供maven库, 配合npm加载模块使, 启动本地的服务, 通过自定义控件加载.

mReactRootView = (ReactRootView) findViewById(R.id.test_js);
mReactInstanceManager = ReactInstanceManager.builder()
.setApplication(getApplication())
.setBundleAssetName("index.android.bundle")
.setJSMainModuleName("index.android")
.addPackage(new MainReactPackage())
.setUseDeveloperSupport(BuildConfig.DEBUG)
.setInitialLifecycleState(LifecycleState.RESUMED)
.build();
mReactRootView.startReactApplication(mReactInstanceManager, "MyAwesomeApp", null);

3. 示例

PhoneGap是apache的开源项目cordova, 文档注释都比较多, 项目较早.

DCloud是国内的HTML5库, 文档均以中文显示, 比较方便学习, Demo提供很多示例和各种用法, 学习曲线比较低.

ReactNative是Facebook公开的库, 文档自然比较全, 由于Android较新, 所以直到上一周才给出完整的文档, Example是比较旧, 很难调用, 根据文档学习如何开发, 目前关注很多.

4. 风险

PhoneGap目前看来属于被抛弃的阶段, 要不实在想不出为什么不更新文档了.

DCloud是国内开发的库, 目前还在迭代阶段, 代码比较混乱, jar包特别多, 但对国内的一些第三方库支持较好.

ReactNatvie是Facebook的新产品, 而且国内有些公司也在使用, 应该没有问题, 学习之后, 知识也可以通用, 不至于太小众.

推荐知乎的一篇关于ReactNative文章, 写得非常好!

http://www.zhihu.com/question/27852694

5. 分享

PhoneGap的链接

官网: http://phonegap.com/ Cordova: http://cordova.apache.org/[/code] 
ReactNative的链接

官网: http://facebook.github.io/react-native/ 中文社区: http://reactjs.cn/ 文档: http://www.w3ctech.com/topic/909?utm_source=tuicool&utm_medium=referral[/code] 
DCloud的链接

官网: http://www.dcloud.io/[/code] 
综上所述, 本人比较喜欢ReactNative.

ReactNative的详细配置, 参考:

http://www.jianshu.com/p/7a6639d67783