使用PhoneGap从Android调用Javascript
我已经用使用PhoneGap从Android调用Javascript,javascript,android,cordova,Javascript,Android,Cordova,我已经用PhoneGap构建了一个新的应用程序,我正在尝试从本机代码与Javascript进行通信 在myDroidGap扩展类中: @Override public void onCreate(Bundle savedInstanceState) { Logger.log("oncreate"); super.onCreate(savedInstanceState); super.init(); super.appView.getSettings().setJa
PhoneGap
构建了一个新的应用程序,我正在尝试从本机代码与Javascript
进行通信
在myDroidGap
扩展类中:
@Override
public void onCreate(Bundle savedInstanceState) {
Logger.log("oncreate");
super.onCreate(savedInstanceState);
super.init();
super.appView.getSettings().setJavaScriptEnabled(true);
super.appView.getSettings().setSupportZoom(true);
super.appView.getSettings().setBuiltInZoomControls(true);
super.appView.getSettings().setDisplayZoomControls(false);
jsinterface = new CommunicationInterface(this, appView);
super.appView.addJavascriptInterface(jsinterface, "communicationinterface");
}
javascriptinterface:
public class CommunicationInterface {
private WebView mAppView;
private DroidGap mGap;
public CommunicationInterface(DroidGap gap, WebView view) {
mAppView = view;
mGap = gap;
}
public String getTestString() {
return "teststring";
}
public void parse(Object o) {
Logger.log(o);
}
}
javascript
位于一个外部文件中(我创建了一个HTML文件,该文件的标题中有这一行:
)
Scripts.js
:
function sendToInterface() {
alert("alert");
var map = new Object();
(...)
window.communicationinterface.parse(map); //communication js -> android seems to work.
}
我在其他帖子中读到,PhoneGap和Android之间的通信是可能的,但thusfar我还没有取得任何成功。我确实设法创建了一个警报,但这是通过loadUrl(“javascript:alert('alert');”)
实现的,但我也读到您不应该这样做,因为这正是sendJavascript()
的目的(它会导致泄漏、重新加载页面等)。我试图通过sendJavascript()
方法拍摄一些字符串,但没有成功:
sendJavascript(“javascript:alert('alert');”)
sendJavascript(“javascript:sendToInterface();”)
sendJavascript(“sendToInterface();”)
sendJavascript(“window.sendToInterface();”)
如何从native->PhoneGap(或我已有的有什么问题)进行沟通?Thusfar的其他帖子和问题并没有帮助我解决这个问题
阅读:
- (虽然这是另一个方向,但我正在尝试两者兼而有之)
编辑
我写了一个工作项目:
Java部件
import org.apache.cordova.DroidGap;
import org.json.JSONException;
import org.json.JSONObject;
import android.os.Bundle;
import android.util.Log;
public class App extends DroidGap {
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
super.loadUrl("file:///sdcard/ds/index.html");
System.out.println("loading from sdcard");
Thread t = new Thread() {
public void run() {
try {
for (int i = 0; i < 3; i++) {
sleep(2000);
sendValue("value " + i, "another vlaue " + i);
}
} catch (Exception e) {
e.printStackTrace();
}
};
};
t.start();
}
public void sendValue(String value1, String value2) {
System.out.println("sendvalue in app");
JSONObject data = new JSONObject();
try {
data.put("value1", value1);
data.put("value2", value2);
} catch (JSONException e) {
Log.e("CommTest", e.getMessage());
}
String js = String.format("window.plugins.appcomm.updateValues('%s');",
data.toString());
this.sendJavascript(js);
}
}
import org.apache.cordova.api.Plugin;
import org.apache.cordova.api.PluginResult;
import org.json.JSONArray;
import org.json.JSONException;
import org.json.JSONObject;
import android.util.Log;
public class AppComm extends Plugin{
private static AppComm instance;
public AppComm () {
instance = this;
}
public static AppComm getInstance() {
return instance;
}
@Override
public PluginResult execute(String action, JSONArray args, String callbackId) {
System.out.println("in execute from appcomm");
return null;
}
public void sendValue(String value1, String value2) {
System.out.println("sendvalue in appComm");
JSONObject data = new JSONObject();
try {
data.put("value1", value1);
data.put("value2", value2);
} catch (JSONException e) {
Log.e("CommTest", e.getMessage());
}
String js = String.format(
"window.plugins.commtest.updateValues('%s');",
data.toString());
this.sendJavascript(js);
}
}
import org.apache.cordova.DroidGap;
导入org.json.JSONException;
导入org.json.JSONObject;
导入android.os.Bundle;
导入android.util.Log;
公共类应用程序扩展DroidGap{
@凌驾
创建时的公共void(Bundle savedInstanceState){
super.onCreate(savedInstanceState);
super.loadUrl(“file:///sdcard/ds/index.html");
System.out.println(“从SD卡加载”);
线程t=新线程(){
公开募捐{
试一试{
对于(int i=0;i<3;i++){
睡眠(2000年);
sendValue(“值”+i,“另一个值”+i);
}
}捕获(例外e){
e、 printStackTrace();
}
};
};
t、 start();
}
public void sendValue(字符串值1、字符串值2){
System.out.println(“应用程序中的sendvalue”);
JSONObject数据=新的JSONObject();
试一试{
数据输入(“值1”,值1);
数据。put(“value2”,value2);
}捕获(JSONException e){
Log.e(“CommTest”,e.getMessage());
}
String js=String.format(“window.plugins.appcomm.updateValue(“%s”);”,
data.toString());
sendJavascript(js);
}
}
导入org.apache.cordova.api.Plugin;
导入org.apache.cordova.api.PluginResult;
导入org.json.JSONArray;
导入org.json.JSONException;
导入org.json.JSONObject;
导入android.util.Log;
公共类AppComm扩展插件{
私有静态AppComm实例;
公共应用程序通信(){
实例=此;
}
公共静态AppComm getInstance(){
返回实例;
}
@凌驾
公共PluginResult执行(字符串操作、JSONArray参数、字符串回调ID){
System.out.println(“从appcomm执行输入”);
返回null;
}
public void sendValue(字符串值1、字符串值2){
System.out.println(“appComm中的sendvalue”);
JSONObject数据=新的JSONObject();
试一试{
数据输入(“值1”,值1);
数据。put(“value2”,value2);
}捕获(JSONException e){
Log.e(“CommTest”,e.getMessage());
}
String js=String.format(
“window.plugins.commtest.updateValue(“%s”);”,
data.toString());
sendJavascript(js);
}
}
res/xml/plugins.xml
<plugins>
<plugin name="App" value="org.apache.cordova.App"/>
<plugin name="Geolocation" value="org.apache.cordova.GeoBroker"/>
<plugin name="Device" value="org.apache.cordova.Device"/>
<plugin name="Accelerometer" value="org.apache.cordova.AccelListener"/>
<plugin name="Compass" value="org.apache.cordova.CompassListener"/>
<plugin name="Media" value="org.apache.cordova.AudioHandler"/>
<plugin name="Camera" value="org.apache.cordova.CameraLauncher"/>
<plugin name="Contacts" value="org.apache.cordova.ContactManager"/>
<plugin name="File" value="org.apache.cordova.FileUtils"/>
<plugin name="NetworkStatus" value="org.apache.cordova.NetworkManager"/>
<plugin name="Notification" value="org.apache.cordova.Notification"/>
<plugin name="Storage" value="org.apache.cordova.Storage"/>
<plugin name="Temperature" value="org.apache.cordova.TempListener"/>
<plugin name="FileTransfer" value="org.apache.cordova.FileTransfer"/>
<plugin name="Capture" value="org.apache.cordova.Capture"/>
<plugin name="Battery" value="org.apache.cordova.BatteryListener"/>
<plugin name="SplashScreen" value="org.apache.cordova.SplashScreen"/>
<plugin name="AppComm" value="com.example.plugin.AppComm"/>
</plugins>
cordova.xml
<?xml version="1.0" encoding="utf-8"?>
<cordova>
<access origin=".*"/> <!-- allow local pages -->
<log level="DEBUG"/>
<preference name="classicRender" value="true" />
</cordova>
Index.html标题
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0" />
<title>
</title>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js">
</script>
<script src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js">
</script>
<script type="text/javascript" charset="utf-8" src="cordova.js"></script>
<script type="text/javascript" charset="utf-8">
var AppComm=function(){};
AppComm.prototype.updateValues=function(a){
var map = new Object();
map["X1"] = "hallo";
map["X2"] = "hi";
cordova.exec(null, null, null);
};
cordova.addConstructor(function(){cordova.addPlugin("appcomm",new AppComm)});
</script>
</head>
var AppComm=函数(){};
AppComm.prototype.UpdateValue=函数(a){
var map=新对象();
地图[“X1”]=“你好”;
地图[“X2”]=“hi”;
cordova.exec(null,null,null);
};
addConstructor(函数(){cordova.addPlugin(“appcomm”,new appcomm)});
其中一个问题是javascript位于一个单独的文件中(我认为这是问题之一)。如果问题不多,我如何正确地调用java,以及使用什么值?如何实现execute方法以及如何调用它(我在JQuery方面真的很差)到目前为止,您实际上没有使用ApacheCordova为您提供的任何用于制作插件的工具,而只是试图用标准的Android SDK连接一个类。如果您希望添加功能,我建议您编写一个插件,原因如下:
- ApacheCordova在WebView和Java之间有其他通信方式,因此即使addJavascriptInterface出现故障,它仍然可以工作
- 你不需要凌驾于一切之上
我强烈建议您阅读本文并将自定义Java代码移动到插件:
但是,示例中的主要错误是在类中使用WebView而不是CordovaWebView。WebView没有有效的sendJavascript方法,发送Javascript的唯一简单方法是使用loadUrl。首先,您使用的是一个插件
子类Plugin
已被弃用,并已被CordovaPlugin
取代。如果您使用的是旧版本的PhoneGap,我建议您升级
其次,你的主管电话是错误的。插件开发文档清楚地说明,当你传递3个空值时,你必须传递5个参数。你希望如何处理
cordova.exec(function(winParam) {}, function(error) {}, "service",
"action", ["firstArgument", "secondArgument", 42,
false]);
这里,服务
、操作
和参数数组决定了Java代码中会发生什么。前两个决定将发生什么
public class ExampleJSCommunicator extends CordovaPlugin {
public boolean execute (final String action, final JSONArray args, CallbackContext callbackContext) throws JSONException {
PluginResult.Status status = PluginResult.Status.OK;
String result = "";
cordova.getActivity ().runOnUiThread (new Runnable () {
@Override
public void run() {
try {
String displayText = "";
if (action.equals ("buttonClicked")) {
displayText = args.getString(0) + " was clicked";
}
else if (action.equals ("animationRunning")) {
displayText = args.getBoolean(0) ? "Animation started running" : "Animation stopped running";
}
TextView label = (TextView) cordova.getActivity().findViewById (R.id.textView);
label.setText (displayText + " and the Activity knows it!");
} catch (JSONException e) {
e.printStackTrace();
}
}
});
return true;
}
}
<plugin name="ExampleJSCommunicator" value="com.example.phonegap.ExampleJSCommunicator"/>
cordova.exec (null, null, "ExampleJSCommunicator", "buttonClicked", [which.id]); // my first action
cordova.exec (null, null, "ExampleJSCommunicator", "animationRunning", [animationRunning]); // my second action
<script type="text/javascript" charset="utf-8" src="cordova.js"></script>
<script type="text/javascript" charset="utf-8" src="main.js"></script>