2. 程式人生 > >[Cordova]JS和Native互動實現關鍵程式碼(iOS)

[Cordova]JS和Native互動實現關鍵程式碼(iOS)

阿新 • • 發佈：2019-02-01
一、JS中定義的exec函式：define("cordova/exec", function(require, exports, module) 。關鍵實現程式碼如下：1.建立command物件，並且將命令推入commandQueuevar command = [callbackId, service, action, actionArgs];commandQueue.push(JSON.stringify(command));2.建立不可見的iframe，並且在後續會將此iframe新增的頁面function createExecIframe() {    var iframe = document.createElement("iframe");
    iframe.style.display = 'none';    document.body.appendChild(iframe);    return iframe;}3.將iframe的連結設定為“gap://ready”,此時網頁端會發送一個請求execIframe = execIframe || createExecIframe();execIframe.src = "gap://ready";二、UIWebView中攔截請求1.CDVViewController中，實現了webview的代理方法：- (BOOL)webView:(UIWebView*)theWebView shouldStartLoadWithRequest:(NSURLRequest*)request navigationType:(UIWebViewNavigationType)navigationType
2.當網頁端發起iframe中的請求時，請求會被此方法攔截：if ([[url scheme] isEqualToString:@"gap"]) {    [_commandQueue fetchCommandsFromJs];    return NO;}當發現網頁連結是gap協議的，此時通過fetchCommandsFromJs方法獲取命令物件並執行，並且返回NO。實現的效果：既攔截了命令，而且頁面不做變化。2.fetchCommandsFromJs實現(1)通過執行js指令碼，獲取網頁端js物件commandQueue中的命令（轉換為Json的字串格式,包含服務名，方法名，以及引數列表）
NSString* queuedCommandsJSON = [_viewController.webView stringByEvaluatingJavaScriptFromString:   @"cordova.require('cordova/exec').nativeFetchMessages()"];(2)將json字串解析，並且合成CDVInvokedUrlCommand物件NSArray* commandBatch = [queuedCommandsJSON JSONObject];CDVInvokedUrlCommand* command = [[CDVInvokedUrlCommand alloc] initFromJson:commandBatch];(3)執行Command物件//通過類名獲取plugin例項CDVPlugin* obj = [_viewController.commandDelegate getCommandInstance:command.className];//通過方法名建立方法物件SEL normalSelector = NSSelectorFromString(methodName);//通過引數字串列表建立引數列表物件NSMutableArray* arguments = nil;NSMutableDictionary* dict = nil;[command legacyArguments:&arguments andDict:&dict];//傳送訊息objc_msgSend(obj, legacySelector, arguments, dict);三、Native程式碼回撥JS1.在plugin的功能方法實現中，我們手動呼叫如下函式向js頁面返回結果[self.commandDelegate sendPluginResult:pluginResult callbackId:command.callbackId];2.在如上方法的實現中，實現如下：NSString* js = [NSString stringWithFormat:@"cordova.require('cordova/exec').nativeCallback('%@',%d,%@,%d)", callbackId, status, argumentsAsJSON, keepCallback];[_viewController.webView stringByEvaluatingJavaScriptFromString:js];四、總結：經上面的步驟，一個完整的互動流程就實現了。

相關推薦

[Cordova]JS和Native互動實現關鍵程式碼(iOS)

一、JS中定義的exec函式：define("cordova/exec", function(require, exports, module) 。關鍵實現程式碼如下：1.建立command物件，並且將

cbow和skip-gram實現關鍵程式碼解析

原始碼地址： https://github.com/AlbertBJ/word2vecpy.git 這也是 我 fork別人的，覺得寫得很棒，所以拜讀了大神的程式碼，先對 關鍵點 進行說明： 主要是 針對 train_process這個方法中 針對 負取樣 計算方法：

簡單的實現 Js和java互動

效果：點選img標籤實現圖片的交替顯示，實現需要懂點js，哈哈。 //上程式碼 public class MainActivity extends AppCompatActivity { WebView mWebView; android.os.Handl

html與js和php之間實現資料互動

一、總述 標題取得假大空，主要還是為了記錄一下課設做的圖片搜尋引擎。 之前的python是用來爬取圖片搜尋引擎的圖片資源的，然後把圖片放在伺服器，圖片對應的tag（關鍵字）和存放路徑放在mangoDB裡面。 這篇部落格主要記錄一下我完成前端（html+js

vue js 和signalr 結合實現消息推送1

ack all client aspnet 由於 user startup man logs 由於signalr2.2.0 依賴於jQuery,雖然在vuejs 略顯臃腫， 但是對於目前剛接觸 vuejs 和想實現 前後分離的我來說 這已經很好了。目前先實現功能， 然後如果

用js和jq分別實現二級聯動效果

js jq 二級聯動界面： 兩個下拉框。用js方法實現:用jq方法實現:註意：在js中的for(var a in 數組) 其中的變量a依舊是下標，不是元素的值，跟其他的語言有點不一樣。同時，在js中，數組的下標是可以存放文字的。用js和jq分別實現二級聯動效果

1024_(即時通訊)使用node.js和socket.io實現多人聊天室

使用node.js和socket.io實現多人聊天室 2015年01月24日 03:24:54 遠古大猛獁 閱讀數：2775 轉自： http://www.cnblogs.com/flyoung2008/archive/2012/07/19/2600132.html

NotificationManagerService啟動流程以及和app互動實現原理

SystemServer啟動（main方法被呼叫） public final class SystemServer { public static void main(String[] args) { new SystemServer

native-echarts 實現效果&程式碼 記錄

install $ npm install native-echarts --save 程式碼塊： /** * 建立： jiaojiao on 2018/10/30. * 功能：LineView */ 'use strict'; import Re

AJAX:基於js和xml來實現非同步請求

要談AJAX，就不得不提同步與非同步的概念了 同步互動：使用者傳送一個請求，在收到伺服器的應答之前，不可以做任何操作。並且在收到應答後，會重新整理整個頁面。在網 絡不好的情況下使用者體驗不好。非同步互動：使用者傳送一個請求，在收到伺服器的應答之前，可以向伺服器傳送新的請求。

最近做的h5和Native互動協議

為了js 比較 優雅地 和iOS和Android做互動。設計此文件。 基本協議 iOS通過Javascript Core注入appHandler方法。此方法只有一個引數 String. 所有的H5呼叫Native 都走這個方法。    

js和jquery動態實現radio選中觸發事件

最近寫的功能是根據radio選中不同的值實現觸發對應的事件，現將實現方法總結如下： html如下： <div id="div_pathType"> <input name="pathType" class="page_input_radio" id="pathType"

分別用js和jQuery是實現表格的全選中和全不選

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>使用jQuery和js完成複選框的全選和全不選</title> <script

js和jQuery分別實現 單選框、複選框、下拉列表的表單驗證

關於頁面表單驗證:一些簡單的理解單選框/複選框：js程式碼：$(function () { $("#Button").click(function () {var love = document.getElementsByName("love"); for(var i

【Swift】關於Swift3.0 JS 和 原生互動 時的一些問題

之前的註冊模型的方法 // 初始化model let model = JSAndSwiftMiddle() model.delegate = self model.webView = webView self.jsco

JS和app互動

智者精選，每天獲取勵志認知能量 www.5izhjx.com一、    H5上程式碼的對接要點：1.Object型別的傳參、2.同一個與app互動的JS方法、3.指令碼方法需內嵌到head裡面。<html>    <head>        <m

通過JS和CSS，實現網頁載入中的動畫效果

需要材料： 一張loading動畫的gif圖片 基本邏輯： 模態框遮罩 + loading.gif動圖， 預設隱藏模態框 頁面開始傳送Ajax請求資料時，顯示模態框 請求完成，隱藏模態框

電商網站中我的足跡/瀏覽歷史實現關鍵程式碼

import java.io.IOException; import java.util.ArrayList; import java.util.List; import javax.servlet.ServletException; import javax.servlet.annotation

iOS引用本地的html，並且html中引用到本地的js和image的實現流程

1.將html和js,image放在一個資料夾Resource中並且通過瀏覽器可以正常訪問，顯示對應的圖片和js交換。 2.將Resource檔案引入到專案中選擇   3.將Resource改為字尾名.bundle,然後再對應的類中採用以下程式碼進行載入。 webVie

WebView中js和android互動遇到的坑

js呼叫Android程式碼 //android程式碼 private int load_state = -1;//記錄當前的載入狀態 private WebView mWebView; @SuppressLint("JavascriptInterface"