Cordova - 与iOS原生代码交互1(通过JS调用Swift方法)
2016-04-25 09:15
1281 查看
在前面的文章中介绍的了如何使用Cordova进行跨平台应用的开发,使用Cordova的话基本上就不需要在写系统原生代码了,只要通过编写html页面和js方法即可。
但在有些特殊情况下,还是是需要html页面能和系统原生代码(ios native code)进行交互。下面介绍如何实现 JS 与 Swift 代码间的相互通信。
假设我们已经建立了一个名叫 HelloWorld 的Cordova工程项目(不太清楚如何使用Cordova的可以参考我前面写的几篇文章:使用Cordova开发iOS应用实战1(配置、开发第一个应用))
1,样例说明
(1)虽然使用Cordova创建的工程是一个 OC 工程,但由于苹果可以很方便的支持混合编程,所以我们用 Swift 来实现与 JS 的交互也是可以的。
(2)这里我们使用Swift来做个口令验证的功能,由于只是演示,所以代码很简单。Swift这边接收传输过来的口令字符串,判断正确与否并反馈回页面。如果验证失败还会返回具体的失败原因信息。
2,样例效果图
3,实现步骤
(1)我们在 Plugins 文件夹中新建一个Swift文件(HanggeSwiftPlugin.swift)。创建的时候系统会提示是否同时创建桥接头文件,这里选择确定。
(2)在新生成的桥接头文件 HelloWorld-Bridging-Header.h 中把 Cordova/CDV.h 给 import 进来
(3)新建的 HanggeSwiftPlugin.swift 中添加如下代码
(4)在 config.xml 中添加如下配置,将我们创建的功能类给配置上
(5)首页 index.html 代码如下,修改运行后即可看到效果。
原文出自:www.hangge.com 转载请保留原文链接:http://www.hangge.com/blog/cache/detail_1150.html
但在有些特殊情况下,还是是需要html页面能和系统原生代码(ios native code)进行交互。下面介绍如何实现 JS 与 Swift 代码间的相互通信。
假设我们已经建立了一个名叫 HelloWorld 的Cordova工程项目(不太清楚如何使用Cordova的可以参考我前面写的几篇文章:使用Cordova开发iOS应用实战1(配置、开发第一个应用))
1,样例说明
(1)虽然使用Cordova创建的工程是一个 OC 工程,但由于苹果可以很方便的支持混合编程,所以我们用 Swift 来实现与 JS 的交互也是可以的。
(2)这里我们使用Swift来做个口令验证的功能,由于只是演示,所以代码很简单。Swift这边接收传输过来的口令字符串,判断正确与否并反馈回页面。如果验证失败还会返回具体的失败原因信息。
2,样例效果图
3,实现步骤
(1)我们在 Plugins 文件夹中新建一个Swift文件(HanggeSwiftPlugin.swift)。创建的时候系统会提示是否同时创建桥接头文件,这里选择确定。
(2)在新生成的桥接头文件 HelloWorld-Bridging-Header.h 中把 Cordova/CDV.h 给 import 进来
相关文章推荐
- Swift快速入门之枚举与结构
- 【Swift学习】Swift编程之旅---闭包(十一)
- swift 遍历枚举
- Swift3.0 / swift2.3中dispatch_group的使用
- Swift爬坑记-CAKeyframeAnimation略解
- Swift中常用的数据类型
- swift之基础语法笔记
- [swift实战入门]手把手教你编写2048(三)
- 【转载】谷歌酝酿将苹果Swift作为安卓APP主要开发语言
- 【Swift学习】Swift编程之旅---函数(十)
- swift 代码片段
- Swift常量与变量
- Swift中的?与!(Optional Type)
- Swift简介
- swift -区间运算符
- iOS学习笔记42-Swift(二)函数和闭包
- iOS学习笔记42-Swift(二)函数和闭包
- Swift之String与NSString的区别,以及各自的使用场景
- swift-字符串的构造
- Swift NSNotificationCenter的使用