iOS簡單快速集成Cordova

来源:http://www.cnblogs.com/wujy/archive/2017/05/26/6908454.html
-Advertisement-
Play Games

如果你對於什麼是Cordova還不瞭解,可以先移步到我另一個文章:Cordoval在iOS中的運用整理 裡面有詳細的介紹跟如何搭建Cordova;而本文則是要介紹JiaCordova插件,如果你有一點Cordova就可以快速集成到項目中; 一:JiaCordova介紹 JiaCordova是為了讓項 ...


如果你對於什麼是Cordova還不瞭解,可以先移步到我另一個文章:Cordoval在iOS中的運用整理

裡面有詳細的介紹跟如何搭建Cordova;而本文則是要介紹JiaCordova插件,如果你有一點Cordova就可以快速集成到項目中;

 

一:JiaCordova介紹

JiaCordova是為了讓項目對於Cordova引入更加方便快捷的一個封裝式插件,插件中已經集成的關於Cordova跟其一些常用的第三庫,對於Cordova的配置模板也進行整理,且封裝從服務端下載ZIP包進行解壓到沙盒文件夾中,利用Cordova進行請求的功能;最大程度上簡化關於Cordova的運用跟學習成本;

 

二:JiaCordova運用

1:引用方式

pod 'JiaCordova'

只要簡單運用Pod指令並可以引入,目前iOS最低版本支持為8.0

2:資源文件引入

目前在插件中有兩種方式進行引入資源文件(html頁面、JS腳本、CCS文件等),都是以ZIP包進行存放;

a:第一種是存放在工程中的某個目錄中,然後APP第一次運行時就會實現對它進行解壓;實現的代碼如下:

    JiaCordovaFileManage *fileManager=[[JiaCordovaFileManage alloc]init];
    [fileManager loadLocalFileName:@"html.zip" unZipFolderName:@"www" successBlock:^{
        NSLog(@"成功");
    } failBlock:^(NSString *errorInfo) {
        NSLog(@"失敗");
    }];

其中html.zip就是對應的資源壓縮包,而unZipFoldName就是解壓後在沙盒目錄下的文件夾名稱,如果unZipFoldName則會預設以資源包的名稱作為其解壓後的名稱;

b:第二種則是通過網路請求到的資源包,插件會進行下載並對它進行解壓;實現的代碼如下:

    JiaCordovaFileManage *fileManager=[[JiaCordovaFileManage alloc]init];
    
    [fileManager loadFileWithUrl:@"http://test.qshmall.net:9090/html.zip" unZipFolderName:@"html" deleteZip:YES successBlock:^{
        
    } failBlock:^(NSString *errorInfo) {
        
    }];

其中相應的參數類似第一種,而deleteZip是為了標識當解壓成功後是否要對ZIP包進行刪除;

3:項目頁面使用

在插件中已經封裝的一個控制器JiaCordovaViewController頁面,對於一些常規的操作跟設置進行處理;只要簡單讓項目要做為Cordova的頁面繼承於它就可以;如下的代碼實現:

   #import "JiaCordovaHeader.h"

   @interface TestCordovaViewController : JiaCordovaViewController

   @end

然後就可以實現請求的方式,這邊同樣也是區分的沙盒中的頁面還是遠端的網頁;

a:請求網頁的方式

   TestCordovaViewController *vc=[[TestCordovaViewController alloc]initConfigWithNetwork:YES folderName:@"" homePage:@"http://www.cnblogs.com/" parameter:nil];
   [self.navigationController pushViewController:vc animated:YES];

b:請求沙盒的方式

   TestCordovaViewController *vc=[[TestCordovaViewController alloc]initConfigWithNetwork:NO folderName:@"www" homePage:@"index.html" parameter:nil];
   [self.navigationController pushViewController:vc animated:YES];

其中parameter是存放參數,可以讓JS進行調用,JS就可以動態獲取到本身自個想要的參數,上面這兩種方式都有做容錯處理,假如不存在頁面時都會預設跳到項目中提供的一個錯誤提示頁面;

4:JS獲取OC的參數

對於傳參除了直接在url地址拼成以外,JiaCordova裡面還通過一個JiaCordovaParameterPlugin插件實現交互,js可以把想獲取到的參數的key值以數組的形式傳給JiaCordovaParameterPlugin,會自動完成先前傳參時的過濾然後再把對應的值回傳給前端html頁面;

        var options=new Array("name");
        alert(options);
        cordova.exec(
                     function(result){
                     var s=result;
                     
                     alert(s);
                     
                     for(var key in result )
                     {
                       var value=  result[key];
                       alert(key+":"+value);
                     }
                     
                     },
                     function(error)
                     {
                       alert("error",error);
                     }
                     ,'JiaCordovaParameterPlugin','requestParameterData',[options]);

上面代碼就是想獲取OC中參數字典中key為name的值;如果你有多個參數都可以增加到數組中;但前提是客戶端OC參數裡面要有對應的key;

 NSDictionary *dic=@{@"name":@"wujunyang",@"projectID":@"12345"};
        
 TestCordovaViewController *vc=[[TestCordovaViewController alloc]initConfigWithNetwork:NO folderName:@"wwws" homePage:@"index.html" parameter:dic];

因為OC的字典已經存在name的key,所以它會把這個值過濾出來,並賦值成字典回傳給JS;完成對於參數的動調獲取;

 

三:運行效果


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 首先簡介一下http-server: http-server是一個簡單的零配置命令行http伺服器,他對於生產使用來說足夠強大,他是簡單和可刪節足以用於測試,足夠簡單易用,而且可用於本地開發 1、首先你要安裝node 2、然後可以通過npm來全局安裝 sudo cnpm install http-s ...
  • 今天遇到了一個比較棘手的問題,事情是這樣的: 咱有一個添加地址的頁面,大概長這樣: 收貨地址後那個“請選擇收貨地址”是一個readonly的input, 咱一進頁面,直接點擊這個“請選擇收貨地址”是完全看不出任何毛病的, 但是按照大家的習慣啊,當然是一個一個往下填, 這時問題就來了,安卓手機是正常的 ...
  • HTML表單組件 一、說明 form標簽裡面的東西 二、效果圖 三、代碼 ...
  • 1、表單事件: submit事件 reset事件 click事件 change事件 focus事件(不冒泡) (IE和ES5支持冒泡的focusin) blur事件(不冒泡) (IE和ES5支持冒泡的focusout) input事件(ES5 textinput提供更方便的獲取輸入文字的方案) 2、 ...
  • 參考文章寫得很詳細,就直接使用就可。 參考文章:http://www.jianshu.com/p/7436a1a32891# http://www.2cto.com/kf/201607/530170.html http://blog.csdn.net/zuiwuyuan/article/detail ...
  • 1. 彈窗的定義 彈窗分為模態彈窗和非模態彈窗兩種。 彈窗分類 模態彈窗:很容易打斷用戶的操作行為,用戶必須回應,否則不能進行其他操作。 非模態彈窗:不會影響用戶的操作,用戶可以不對其進行回應,非模態彈窗通常都有時間限制,出現一段時間後就會自動消失。 彈窗作用:非模態彈窗一般被設計成用來告訴用戶信息 ...
  • android手機上的很多應用程式啟動時都會先顯示一個圖片,作為該應用程式的開始,該圖片轉瞬即逝。這個圖片一般都會用應用的圖標,作為廣告來用。 例如: 它的實現方式很簡單,我們以一個測試APP為例,介紹它的實現。 這個圖片其實用的是一個Activity,對於該APP來說是AppStart這個Acti ...
  • 現在很多的APP都很喜歡圓形的頭像,這裡就簡單的寫個圓形的ImageView~ 第三方圓形ImageView控制項: RoundedImageView CircleImageView 實現代碼: 自定義ImageView:RoundImageView.java 佈局代碼:activity_main.x ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...