實現html5+插件開發JS調用原生代碼

YFan 發布于2019-08-22 11:04 / 777人閱讀

摘要：在頁面下載最新的打開，創建類繼承在中注冊創建插件名稱在中的中聲明方法在中添加點擊事件跳轉到在中添加權限

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

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/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