把CordovaWebView嵌入到自己的应用(Embedding WebViews)

以下以Android为例。

(1)下载最新版的Cordova-Android
https://github.com/apache/cordova-android/releases
2015/02/04 最新版:cordova-android-3.7.1.zip

(2)解压到本地C盘后,通过命令行进入C:\cordova-android-3.7.1\framework

(3)执行命令“D:/android-sdk/tools/android update project -p .”
会生成以下两个文件:
引用
local.properties
proguard-project.txt


(4)执行命令 “ant jar”
会build这个Cordova的library工程,生成cordova-3.7.1.jar
引用
C:\cordova-android-3.7.1\framework\cordova-3.7.1.jar


(5)新建一个Android工程“CordovaViewSample”,把cordova-3.7.1.jar拷贝到libs文件夹下。

(6)在res/layout/activity_main.xml文件中加入以下代码
<org.apache.cordova.CordovaWebView
    android:id="@+id/tutorialView"
    android:layout_width="match_parent"
    android:layout_height="match_parent" />


(7)修改Activity,可以参考CordovaActivity.java
/framework/src/org/apache/cordova/CordovaActivity.java

public class MainActivity extends Activity implements CordovaInterface {
	
	private final ExecutorService threadPool = Executors.newCachedThreadPool();

    // The webview for our app
	protected CordovaWebView appView;
	
    // Plugin to call when activity result is received
    protected int activityResultRequestCode;
    protected CordovaPlugin activityResultCallback;
    
    protected CordovaPreferences prefs = new CordovaPreferences();
    protected Whitelist internalWhitelist = new Whitelist();
    protected Whitelist externalWhitelist = new Whitelist();
    protected ArrayList<PluginEntry> pluginEntries;

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		
		appView = (CordovaWebView) findViewById(R.id.tutorialView);
        
        internalWhitelist.addWhiteListEntry("*", false);
        externalWhitelist.addWhiteListEntry("tel:*", false);
        externalWhitelist.addWhiteListEntry("sms:*", false);
        prefs.set("loglevel", "DEBUG");
        
        appView.init(this, makeWebViewClient(appView), makeChromeClient(appView),
        		pluginEntries, internalWhitelist, externalWhitelist, prefs);
        
        appView.loadUrlIntoView("http://m.jd.com/");
	}
	
    protected CordovaWebViewClient makeWebViewClient(CordovaWebView webView) {
        return webView.makeWebViewClient(this);
    }
    
    protected CordovaChromeClient makeChromeClient(CordovaWebView webView) {
        return webView.makeWebChromeClient(this);
    }
    
	@Override
	public Activity getActivity() {
		return this;
	}

	@Override
	public ExecutorService getThreadPool() {
		return threadPool;
	}

	@Override
	public Object onMessage(String id, Object data) {
		if ("exit".equals(id)) {
			super.finish();
        }
		return null;
	}

	@Override
	public void setActivityResultCallback(CordovaPlugin plugin) {
        if (activityResultCallback != null) {
            activityResultCallback.onActivityResult(activityResultRequestCode, Activity.RESULT_CANCELED, null);
        }
        this.activityResultCallback = plugin;
	}

	@Override
	public void startActivityForResult(CordovaPlugin command, Intent intent, int requestCode) {
		setActivityResultCallback(command);
		try {
			startActivityForResult(intent, requestCode);
		} catch (RuntimeException e) {
			activityResultCallback = null;
			throw e;
		}
	}
	
}


(8)修改AndroidManifest.xml
<uses-permission android:name="android.permission.INTERNET" />


(9)编译安装到手机,如下:


如果加载assets下的HTML的话,还需要:
  • 1)把HTML/Images/JS等文件拷贝到/assets/www下
  • 2)把/framework/res/xml/config.xml拷贝到/res/xml下

http://cordova.apache.org/docs/en/4.0.0/guide_platforms_android_webview.md.html#Android%20WebViews

猜你喜欢

转载自rensanning.iteye.com/blog/2199866
今日推荐