如何在PhoneGap中编写基本的“Hello World”java脚本插件?

时间:2013-01-16 21:56:07

标签: javascript objective-c html5 cordova phonegap-plugins

我已经阅读了Cordova的教程,但我不确定他们是否给了我足够的信息。

编辑显示更新的代码:

让我告诉你我的代码:

来自config.xml:

<plugin name="someMethod" value="MyPluginClass" />

现在为Plugin.h:

#import <Cordova/CDV.h>

@interface MyPluginClass : CDVPlugin

- (void)someMethod:(CDVInvokedUrlCommand*)command;

@end

现在为Plugin.m:

#import "Plugin.h"

@implementation MyPluginClass

- (void)someMethod:(CDVInvokedUrlCommand *)command
{
    NSLog(@"YOU ARE READING THIS NATIVELY FROM A PLUGIN");
}

@end

显示的第一个html页面称为“index.html”

我只想要一个空白的html页面,它只运行一个调用cordova.exec()函数的脚本。我这样做的尝试失败了。我不知道我的脚本是否有问题,或者我在其他地方做错了什么但这里是我的index.html:

<!DOCTYPE html>
<html>
<head>
    <title>Cordova Device Ready Example</title>

    <script type="text/javascript" charset="utf-8" src="cordova-2.3.0.js"></script>
    <script type="text/javascript" charset="utf-8">

        // Call onDeviceReady when Cordova is loaded.
        //
        // At this point, the document has loaded but cordova-2.3.0.js has not.
        // When Cordova is loaded and talking with the native device,
        // it will call the event `deviceready`.
        //
        function onLoad() {
            document.addEventListener("deviceready", onDeviceReady, false);
        }

        // Cordova is loaded and it is now safe to make calls Cordova methods
        //
        function onDeviceReady() {
            // Now safe to use the Cordova API
            document.addEventListener("deviceready", function() {
                                      cordova.exec(null,null,"MyPluginClass","someMethod",[]);
                                      }, false);
        }
        </script>
    </head>
    <body onload="onLoad()">
    </body>
</html>

我收到以下错误日志:

2013-01-17 11:36:31.782 CCT [1293:907]错误:找不到插件'MyPluginClass',或者不是CDVPlugin。检查config.xml中的插件映射。

2013-01-17 11:36:31.787 CCT [1293:907] - [CDVCommandQueue executePending] [第103行] FAILED pluginJSON = [“INVALID”,“MyPluginClass”,“someMethod”,[]]

1 个答案:

答案 0 :(得分:6)

deviceready事件发生之前,您无法拨打cordova电话。做:

 document.addEventListener("deviceready", function() {
    cordova.exec(null,null,"MyPluginClass","someMethod",[]);
 }, false);

修改

对于上面列出的示例调用,您需要一个类似于:

的Objective-C类
@interface MyPluginClass : CDVPlugin

- (void)someMethod:(CDVInvokedUrlCommand*)command;

@end

请注意与cordova.exec

的调用相匹配的类名称和方法名称

另一个编辑:

您的config.xml应如下所示:

<plugin name="MyPluginClass" value="MyPluginClass" />

(这些不一定必须相同,但name应匹配javascript调用的第三个参数中的引用,value应与Objective-C类的名称匹配

有关开发iOS插件的完整文档,请查看guide