hbuilderx原生开发js方法_实现html5+插件开发JS调用原生代码

1、在http://ask.dcloud.net.cn/docs...页面下载最新的SDK

2、打开HBuilder-Hello，创建类HDWPluginTest继承PGPlugin

#import "PGPlugin.h"

@class PGMethod;

@interface HDWPluginTest : PGPlugin

- (void)printSomeThing:(PGMethod*)command;

@end

#import "HDWPluginTest.h"

#import

@implementation HDWPluginTest

- (void)printSomeThing:(PGMethod*)command {

NSLog(@"I am Printing...");

}

@end

在feature.plist中注册

创建hdwtest.js

document.addEventListener("plusready", function() {

var _BARCODE = 'HDWPluginTest'; // 插件名称

var B = window.plus.bridge;

var HDWPluginTest = {

callNative : function(fname, args, successCallback) {

var callbackId = this.getCallbackId(successCallback, this.errorCallback);

if (args != null) {

args.unshift(callbackId);

} else {

var args = [callbackId];

}

return B.exec(_BARCODE, fname, args);

},

getCallbackId : function(successCallback) {

var success = typeof successCallback !== 'function' ? null : function(args)

{

successCallback(args);

};

callbackId = B.callbackId(success, this.errorCallback);

return callbackId;

},

errorCallback : function(errorMsg) {

console.log("Javascript callback error: " + errorMsg);

},

printSomeThing : function() {

this.callNative("printSomeThing", null);

}

};

window.plus.HDWPluginTest = HDWPluginTest;

}, true);

在index.html中的head中声明方法

var printSomeThing = function() {

var tag1 = document.getElementById("tagText1").value;

var tag2 = document.getElementById("tagText2").value;

var tags = [];

if (tag1 != "") {

tags.push(tag1);

}

if (tag2 != "") {

tags.push(tag2);

}

plus.HDWPluginTest.printSomeThing(tags);

};

在body中添加点击事件

跳转到hdwtest

在manifest.json中添加权限