[Cordova] Plugin里使用iOS Framework

前言

开发Cordova Plugin的时候,在Native Code里使用第三方Library,除了可以加速项目的时程、也避免了重复发明轮子的窘境。本篇文章介绍如何在Cordova的Plugin里使用iOS Framework,主要为自己留个纪录,也希望能帮助到有需要的开发人员。

  • 参考数据:

建立

iOS中的第三方Library,除了可以从网络上取得之外,也可以依照下列文章的步骤,建立一个自己的iOS Framework:「MyFramework.framework」。后续步骤,会拿这个MyFramework.framework做为第三方Library来使用。

接着要动手撰写Cordova Plugin来使用iOS Framework,开发人员可以依照下列文章的步骤,建立一个自己的Cordova Plugin:「clk-cordova-sample」。后续步骤,会拿这个clk-cordova-sample做为Plugin主体来使用。

使用

完成上列两个步骤之后,开发人员会拥有Cordova Plugin:「clk-cordova-sample」、以及iOS Framework:「MyFramework.framework」。接着将MyFramework.framework放到clk-cordova-sample的src\iOS文件夹里,并且修改clk-cordova-sample的plugin.xml,定义Cordova编译的时候,将MyFramework.framework加入到平台项目的文件夹来进行编译。

  • 加入MyFramework.framework

    <framework src="src/ios/MyFramework.framework" custom="true" />
  • 完整plugin.xml

    <?xml version="1.0" encoding="UTF-8"?>
    
    <plugin xmlns="http://apache.org/cordova/ns/plugins/1.0"
    id="clk-cordova-sample"
    version="1.0.0"> <!-- metadata -->
    <name>CLK Cordova Sample</name>
    <description>CLK Cordova Sample的说明</description>
    <license>Apache 2.0</license> <!-- javascript -->
    <js-module name="NotificationService" src="www/clk.cordova.sample.NotificationService.js" >
    <clobbers target="clk.cordova.sample.NotificationService" />
    </js-module> <!-- ios -->
    <platform name="ios">
    <!-- config -->
    <config-file target="config.xml" parent="/*">
    <feature name="NotificationService">
    <param name="ios-package" value="CLKNotificationService"/>
    </feature>
    </config-file>
    <!-- source -->
    <header-file src="src/ios/CLKNotificationService.h" />
    <source-file src="src/ios/CLKNotificationService.m" />
    <framework src="src/ios/MyFramework.framework" custom="true" />
    </platform> </plugin>

完成上列步骤后,接着动手修改clk-cordova-sample里CLKNotificationService.m,来使用MyFramework.framework里面所提供的Class。

  • CLKNotificationService.m

    #import <MyFramework/MyFramework.h>
    #import "CLKNotificationService.h" @implementation CLKNotificationService // methods
    - (void)show:(CDVInvokedUrlCommand*)command
    {
    // test
    MyClass* x = [[MyClass alloc] init];
    NSString* message = [NSString stringWithFormat:@"%@%@", @"Hi ", [x getMessage]]; // execute
    [[[UIAlertView alloc] initWithTitle:nil message:message delegate:nil cancelButtonTitle:@"OK" otherButtonTitles:nil] show];
    } @end

接着,因为在iOS 8.0之后,iOS项目才支持Framework类型的函式库,所以要定义clk-cordova-sample里范例APP的目标iOS版本为8.0以上。

  • 目标iOS版本

最后,执行clk-cordova-sample里的范例APP。就可以在执行画面上,看到一个Alert窗口显示从Library取得的讯息内容,这也就完成了Cordova Plugin使用iOS Framework的相关开发步骤。

  • 显示回传讯息

Workaround

相对于Windows、Android等平台,iOS平台上APP的建置需要比较多的耐心与经验。建议开发人员在开发iOS平台Cordova APP的时候,先使用Visual Studio完成Cordova项目的开发工作,再选择Ripple来「执行」Cordova项目,用以在项目根目录下的platforms\ios文件夹里生成完整的XCode专案。后续拿这个XCode项目到MAC上去编译及执行,可以比较顺利建置iOS平台上的Cordova APP。

  • 建置Cordova专案

  • 生成XCode专案

将XCode项目到MAC上去编译及执行,还会遇到一些设定需要调整。首先就是先到XCode的项目属性页面,把Framework的参考加入到项目里。(如果将Framework项目Build Settings页签的Mach-O Type属性调整为「Static Library」可以省略此步骤 - 感谢同事小董提供方案)

  • Before

  • After

接着,还需要去调整XCode的项目属性页面,将Framework Search Paths属性调整为.framework档案所在的正确路径。 (上一个步骤,手动将Framework的参考加入到XCode项目里时,会自动带入Framework的正确路径,所以只要移除错误路径即可。)

  • Before

  • After

完成上列步骤后进行编译,理论上就可以完成iOS平台上Cordova APP的建置工作。(God bless you)

  • Succeeded

范例下载

范例程序代码:下载地址

[Cordova] Plugin里使用iOS Framework的更多相关文章

  1. [Cordova] Plugin里使用Android Library

    [Cordova] Plugin里使用Android Library 前言 开发Cordova Plugin的时候,在Native Code里使用第三方Library,除了可以加速项目的时程.也避免了 ...

  2. [Cordova] Plugin开发架构

    [Cordova] Plugin开发架构 问题情景 开发Cordova Plugin的时候,侦错Native Code是一件让人困扰的事情,因为Cordova所提供的错误讯息并没有那么的完整.常常需要 ...

  3. [Cordova] Plugin开发入门

    [Cordova] Plugin开发入门 Overview Cordova的设计概念,是在APP上透过Web控件来呈现Web页面,让Web开发人员可以操作熟悉的语言.工具来开发APP.使用Web页面来 ...

  4. ionic cordova plugin for ios

    源代码结构目录: payplugin: |_src |_android |_PayPlugin.java |_ios |_CDVPayPlugin.h |_CDVPayPlugin.m |_www | ...

  5. vue+cordova构建跨平台应用集成并使用Cordova plugin

    安装 //安装 vue-cil npm install --global vue-cli //安装cordova npm i cordova -g cordova 新建项目 //新建cordova 项 ...

  6. 在meteor中如何使用ionic组件tabs,及如何添加使用cordova plugin inappbrower

    更新框架: meteor update meteor框架的优点不言而喻,它大大减轻了App前后端开发的负担,今年5月又获得B轮2000万融资,代表了市场对它一个免费.开源开发框架的肯定.cordova ...

  7. cordova plugin汇总大全

    1.获取当前应用的版本号 cordova plugin add cordova-plugin-app-version 2.获取网络连接信息 cordova plugin add cordova-plu ...

  8. Cordova plugin

    版权声明:本文为博主原创文章,未经博主允许不得转载. https://blog.csdn.net/u010106153/article/details/53418528Cordova plugin工程 ...

  9. 使用Cordova搭建Andoid和iOS开发环境

    最近在了解cordova  ,下面的分享出来  大家可以看看,  我 有空也按照这个写写demo 1.下载node.js,进行安装 https://nodejs.org/en/ 2.安装cordova ...

随机推荐

  1. SQL语句全

    创建数据库 创建之前判断该数据库是否存在 if exists (select * from sysdatabases where name='databaseName') drop database ...

  2. 我所理解的Cocos2d-x

    我所理解的Cocos2d-x(完全基于Cocos2d-x3.0,深度剖析计算机图形学,OpenGL ES及游戏引擎架构,全面提升游戏开发相关知识) 秦春林 著   ISBN 978-7-121-246 ...

  3. c#利用泛型集合,为自己偷偷懒。

    有人说"越懒"的程序员进步的越快!其实还挺有道理.亲身体验,从刚出来工作到现在,自己变"懒"了许多,但感觉写出来的代码确有了不少提升.刚开始啊,同样的代码,赋值 ...

  4. PHP的性能演进(从PHP5.0到PHP7.1的性能全评测)

    本文是最初是来自国外的这篇:PHP Performance Evolution 2016, 感谢高可用架构公众号翻译成了中文版, 此处是转载的高可用架构翻译后的文章从PHP 5到PHP 7性能全评测( ...

  5. Entity Framework 6 Code First新特性:支持存储过程

    Entity Framework 6提供支持存储过程的新特性,本文具体演示Entity Framework 6 Code First的存储过程操作. Code First的插入/修改/删除存储过程 默 ...

  6. OpenCASCADE Interpolation - Lagrange

    OpenCASCADE Interpolation - Lagrange eryar@163.com Abstract. Power basis polynomial is the most simp ...

  7. MyCAT全局序列号

    在实现分库分表的情况下,数据库自增主键已无法保证自增主键的全局唯一.为此,MyCat 提供了全局sequence,并且提供了包含本地配置和数据库配置等多种实现方式. 本地文件方式 原理:此方式MyCA ...

  8. JavaScript框架设计(三) push兼容性和选择器上下文

    JavaScript框架设计(三) push兼容性和选择器上下文 博主很久没有更博了. 在上一篇 JavaScript框架设计(二) 中实现了最基本的选择器,getId,getTag和getClass ...

  9. Electron Angular 开发小记

    一介绍 electron分为主进程和渲染进程,主进程负责和原生交互,控制窗口等. 渲染进程就是普通网页.主进程和渲染进程可以通过ipcMain(主进程使用)及ipcRenderer(渲染进程用)通信 ...

  10. CSS实现单行与多行文字省略(truncation)

    在上一篇文章小div布局之卡片堆叠(card-stacking)中有多行文字溢出省略的效果,这篇文章就对这种效果(包括单行文字溢出省略)的实现做个简单的记录,以防自己忘记.具体来说,就是要实现这种文字 ...