实现html5+插件开发JS调用原生代码

YFan 发布于2019-08-22 11:04 / 686人阅读

摘要：在页面下载最新的打开，创建类继承在中注册创建插件名称在中的中声明方法在中添加点击事件跳转到在中添加权限

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中声明方法

在body中添加点击事件

在manifest.json中添加权限

GPU云服务器云服务器原生js弹窗插件原生js实现 ajax原生js实现原生js实现addclass

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/91719.html

larkplayer: 插件化的 HTML5 播放器

摘要：是一款轻量级易扩展的播放器，是为解决一些中小型的视频业务场景。同时各插件由于是面向的播放器接口，插件不知道插件的存在，因此能极大地降低各插件功能间的耦合。 larkplayer 是一款轻量级 & 易扩展的 html5 播放器，是为解决一些中小型的视频业务场景。这些业务不一定需要大而全的解决方案，并且他们往往有自己的定制化需求。背景为什么要编写 larkplayer？（注意，这里面有...

lijy91 2019-08-02 16:05 评论0 收藏0
larkplayer: 插件化的 HTML5 播放器

摘要：是一款轻量级易扩展的播放器，是为解决一些中小型的视频业务场景。同时各插件由于是面向的播放器接口，插件不知道插件的存在，因此能极大地降低各插件功能间的耦合。 larkplayer 是一款轻量级 & 易扩展的 html5 播放器，是为解决一些中小型的视频业务场景。这些业务不一定需要大而全的解决方案，并且他们往往有自己的定制化需求。背景为什么要编写 larkplayer？（注意，这里面有...

linkin 2019-08-23 12:01 评论0 收藏0
混合式app开发框架

摘要：混合式开发做出的手机应用无论在性能还是易用性方面都很接近原生应用。下面介绍几个流行的混合式开发框架。相比于其他开发框架，更加轻量，体积小巧。目前混合式开发已经逐渐成熟，混合式app开发只需要要求开发者会使用css和js前端代码就可以实现手机app应用的开发，而不需要再去学习安卓或苹果开发，降低了app开发的门槛。混合式开发做出的手机应用无论在性能还是易用性方面都很接近原生app应用。...

hot_pot_Leo 2019-06-27 15:43 评论0 收藏0
混合式app开发框架

摘要：混合式开发做出的手机应用无论在性能还是易用性方面都很接近原生应用。下面介绍几个流行的混合式开发框架。相比于其他开发框架，更加轻量，体积小巧。目前混合式开发已经逐渐成熟，混合式app开发只需要要求开发者会使用css和js前端代码就可以实现手机app应用的开发，而不需要再去学习安卓或苹果开发，降低了app开发的门槛。混合式开发做出的手机应用无论在性能还是易用性方面都很接近原生app应用。...

darkbug 2019-07-25 13:53 评论0 收藏0