将cordova集成到Android studio的最佳方法

>网上有很多集成cordova到Android studio中进行Android开发的方法，这里我给大家介绍一种比较简单的方法，亲测有效。

目的

首先我们明确目的，我们希望把cordova快速集成到Android studio中，为了以后的复用，我们希望做成jar或者aar，可以用于以后的项目，目的明确了，后面就一步一步来吧。

cordova相关代码

代码哪里来？大家不需要找，请看这里，将代码clone下来后发现有这么几个我们要用的文件夹：

cordova-js-src：这部分是cordova-android对应的js代码，混合开发的时候H5需要将这个文件夹导入web工程，并做相应的引用和配置

framework：这部分是cordova-android部分代码，需要全部拿过来

test：这部分是测试工程，我们在集成好cordova后，还要根据测试工程实例进行相关配置，才能完全集成cordova到Android studio中进行hybrid开发。

开始集成

直接把framework模块打一个aar或jar包（我打的是aar）；

把cordova-js-src复制到web工程中；

结束。
卧槽？这么简单？别激动，还没完，继续往下看。

融合cordova到自己的工程中

首先，我们建一个自己的Android工程，然后我们复制test工程中的/res/xml/config.xml文件到我们自己工程的/res/xml/config.xml中，不要改路径，然后修改config.xml文件：

<?xml version='1.0' encoding='utf-8'?>
<widget
id="your package name"    //包名
version="0.0.1">          //版本号
<content src="index.html" />
<feature name="xxxxx">    //插件名
<param
name="android-package"
value="your package name.xxxxx" />  //插件路径
<param
name="onload"
value="true" />
</feature>
<preference
name="loglevel"
value="DEBUG" />
<preference
name="useBrowserHistory"
value="true" />
<preference
name="exit-on-suspend"
value="false" />
<preference
name="showTitle"
value="true" />
</widget>

极其重要的信息我已经做了注释，我想大家都能看懂，那就没问题了。这个配置文件是极其重要的，必须要有，切记切记！

至此，集成就结束了。那么如何开发？我简单讲一下native这边需要做什么。

Plugin：大家在上文中可以看到插件的配置，那么插件是什么？其实就是cordova提供给native和js通信的管道，我们需要自己实现一个插件类，参考这里

AllowBridgeAccess：在插件类中，我们需要：

@Override
public Boolean shouldAllowBridgeAccess(String url) {
return true;
}

这样我们的插件才可以被允许作为bridge（生效）。

Lifecycle：为了后续布局的扩展，我没有选择extend CordovaActivity，那么我需要模仿CordovaActivity处理相关生命周期，这里我的布局很简单：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/exam_home"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">

<org.apache.cordova.engine.SystemWebView
android:id="@+id/cordovaWebView"
android:layout_width="match_parent"
android:layout_height="match_parent" />

</LinearLayout>

然后我们看activity中的代码：

@ContentView(R.layout.activity_exam)
public class ExamActivity extends BaseFragmentActivity {
private static final String EXAM_CENTER_URL = "";
//测试环境url
private static final String EXAM_CENTER_URL_TEST = "";
private static final String ERROR_URL = "file:///android_asset/404.html";
@InjectView(R.id.cordovaWebView)
protected SystemWebView webView;
@InjectView(R.id.exam_home)
protected LinearLayout examHome;
private CordovaWebView cordovaWebView;
protected CordovaInterfaceImpl cordovaInterface;
private LoadingDialogFragment loading;

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
init();
}

private void init() {
setTitle(R.string.drawer_examination);
loading = LoadingDialogFragment.newInstance(false, getString(R.string.loading));
loading.setCancelable(false);
initWebView();
loadExamCenterUrl();
}

private void initWebView() {
ConfigXmlParser parser = new ConfigXmlParser();
parser.parse(getActivity());
cordovaInterface = new CordovaInterfaceImpl(getActivity()) {
@Override
public Object onMessage(String id, Object data) {
if ("onPageStarted".equals(id)) {
showRequestLoading();
return true;
}
if ("onPageFinished".equals(id)) {
hideRequestLoading();
return true;
}
if ("onReceivedError".equals(id)) {
cordovaWebView.loadUrl(ERROR_URL);
return true;
}
return super.onMessage(id, data);
}
};
if (NetworkUtils.isNetworkConnected(getActivity())) {
webView.getSettings().setCacheMode(WebSettings.LOAD_DEFAULT);
} else {
webView.getSettings().setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK);
}
cordovaWebView = new CordovaWebViewImpl(new SystemWebViewEngine(webView));
if (!cordovaWebView.isInitialized()) {
cordovaWebView.init(cordovaInterface, parser.getPluginEntries(), parser.getPreferences());
}
}

private void loadExamCenterUrl() {
if (AppConfig.isApkInDebug()) {
cordovaWebView.loadUrl(getExamCenterUrl(EXAM_CENTER_URL_TEST));
} else {
cordovaWebView.loadUrl(getExamCenterUrl(EXAM_CENTER_URL));
}
}

private String getExamCenterUrl(String initUrl) {
return "http://www.baidu.com";
}

private void hideRequestLoading() {
synchronized (loading) {
loading.dismiss();
}
}

private void showRequestLoading() {
synchronized (loading) {
loading.show(getSupportFragmentManager());
}
}

@Override
protected void onResume() {
super.onResume();
if (cordovaWebView != null) {
cordovaWebView.handleResume(true);
}
}

@Override
protected void onPause() {
super.onPause();
if (cordovaWebView != null) {
cordovaWebView.handlePause(true);
}
}

@Override
protected void onDestroy() {
super.onDestroy();
examHome.removeView(webView);
webView.removeAllViews();
if (cordovaWebView != null) {
cordovaWebView.handleDestroy();
}
}

@Override
protected void onStart() {
super.onStart();
if (cordovaWebView != null) {
cordovaWebView.handleStart();
}
}

@Override
protected void onStop() {
super.onStop();
if (cordovaWebView != null) {
cordovaWebView.handleStop();
}
}
}

可以看出，这里对声明周期的处理模仿了CordovaActivity的生命周期，同时对基本native加载流程做了简单处理。尤其onDestory中的处理可以避免报webview.destory()的错误。这段代码适用于任何一个没有extend CordovaActivity进行cordova开发的activity。

还有最最重要的一点：在正式打包apk的时候，一定要记得，在proguard-rules.pro文件中，去掉插件类的混淆，不能混淆插件类，否则打出来release包之后，进入混合开发的activity，会让你崩到爽……

OK，就是这样了，有什么疑问欢迎大家交流。