Android与H5互调使用cordova的WebView，插件调用，插件编写

最新推荐文章于 2024-10-12 16:23:56 发布

robert_cysy

最新推荐文章于 2024-10-12 16:23:56 发布

阅读量1.1w

点赞数 4

分类专栏： Cordova 文章标签： Android cordova webview

本文链接：https://blog.csdn.net/robert_cysy/article/details/77072961

版权

本文介绍了如何在Android应用中使用Cordova的WebView进行H5与原生Android互调。通过配置ANT_HOME，下载相关文件，可实现H5页面在特定Activity中加载，并通过自定义插件实现H5与原生Activity间的跳转、数据传递。区别于inappbrowser插件，loadUrl()可加载本地或网络H5页面。详细步骤和示例代码参考链接。

摘要由CSDN通过智能技术生成

本篇文章是对应cordova官网上的一篇实践内容。（在Android工程插入cordovaWebview的cordova官网介绍）原文可以在以下地址找到：
http://cordova.apache.org/docs/en/latest/guide/platforms/android/webview.html

这篇说明是按照原文根据自己的实践编写的，以更贴近咱们开发实践使用，文章内会包含在实践中遇到问题的详细说明。
写这篇博客主要是因为在实践中遇到了好多问题，顺便就把这些问题记录下来。

安装官方文档开始一步一步的执行：
第一步：你得保证有Android开发环境
包括sdk，jdk即JAVA_HOME和 ANDROID_HOME,也就是说你的有开发安卓所需要的环境，
因为本篇说明指的是大型包含h5的混合应用，所以你肯定还需要Android studio 来编辑原生代码。还有用到ant，因此也得安装ant

并且配置ANT_HOME.

%ANT_HOME%\bin
%JAVA_HOME%\bin
%ANDROID_HOME%\tools
%ANDROID_HOME%\platform-tools

第二步：下载cordova最新发布（源码）并且编译源码得到cordova-x.x.x.jar库
注意：此步骤可以跳过，直接到步骤三
从cordova.apache.org下载，我找了好久，终于在网页最下面找到。
在最下面：More Resources下面的Source Distribution里面。
具体下载地址为：https://dist.apache.org/repos/dist/release/cordova/platforms/
打开这个页面后，对于Android我们选择下载：“cordova-android-6.2.3.tgz”

下载完成后解压缩，然后打开命令行，切换到 /framework目录执行命令：ant jar ，用来生成Cordova.jar 生成的目录为：/framework/cordova-x.x.x.jar
实际我执行的时候提示如下：

C:\project\package>cd framework
C:\project\package\framework>ant jar
Buildfile: C:\project\package\framework\build.xml

BUILD FAILED
C:\project\package\framework\build.xml:42: You need to create the file 'local.properties' by running 'android update project -p .' here.

Total time: 0 seconds

然后执行：android update project -p .
然后发现：android 这个命令被取消了，不能使用了，导致编译错误，（我用的最新版本的android sdk tool）错误中提示用android studio来搞定编译
最后找到的俩条解决方案：
方案一：使用旧版本的sdk tool
下载了老版本的sdk tool，将就可以编译，生成cordova-6.2.3.jar：
旧版本的sdk tool 下载地址为：https://dl.google.com/android/android-sdk_r24.2-windows.zip
方案二：使用Android