转载

Cordova iOS插件开发流程

用cordova做地图定位，由于phonegap100上没有合适自己的插件，iOS的定位已经做好了，要是把它做成插件就好将结果调到H5界面上去了。于是捣鼓了一个多星期，终于将一个地图定位插件做好了。下面分享一下这个插件开发过程。

第一步，是在创建xcode工程完成地图定位功能，实现功能后，并进行真机测试，达到自己想要的要求。

第二步，创建一些文件夹以及文件，文件夹结构如下图所示：

Cordova iOS插件开发流程

这个插件我把它命名为Map, 里边包含src 和www两个文件夹。src这个文件夹主要是用来存放对应平台的原生工程文件。如果你需要使用安卓或者WP的支持也可以。我这里只做了iOS的。www，这个文件夹是一个js文件。

创建一个plugin.xml文件和 Map.js文件

plugin.xml文件里边的内容：





    Map
    Cordova Map Plugin
    YT
    Apache 2.0
    cordova,QRCode
    https://git@github.com:OceanOver/QRCode.git

Cordova iOS插件开发流程

注意：如果你的工程需要添加依赖库必须卸载这里才可以，然后添加的时候就可以自动导入了。

CDVMap.h的代码，这个类继承自Cordova/CDVPlugin.h

//
//  CDVMap.h
//  HelloWorld
//
//  Created by JUST-IMAC on 16/3/17.
//
//

#import 

@interface CDVMap : CDVPlugin

- (void)map:(CDVInvokedUrlCommand*)command;

@end

//
//  CDVMap.m
//  HelloWorld
//
//  Created by JUST-IMAC on 16/3/17.
//
//

CDVMap.m的代码
#import "CDVMap.h"
#import "LocationViewController.h"

@interface CDVMap ()

@end

@implementation CDVMap

- (void)map:(CDVInvokedUrlCommand*)command {
    NSString *callBackId = command.callbackId;
 //将callbackId;传入你的控制器中
    LocationViewController *qrCodeController = [[LocationViewController alloc] init];
    qrCodeController.callBackId = callBackId;
    qrCodeController.qrCode = self;
 //调用原生控制器
    [self.viewController presentViewController:qrCodeController animated:YES completion:nil];
}

@end


 LocationViewController.h的代码
//
//  LocationViewController.h
//  系统地图定位
//
//  Created by admin on 16/7/9.
//  Copyright © 2016年 davidde. All rights reserved.
//

#import 
#import "CDVMap.h"
@interface LocationViewController : UIViewController
//这两个参数是必须的
@property(nonatomic,weak) CDVMap *qrCode;
@property(nonatomic,copy) NSString *callBackId;
@end

LocationViewController.m的代码

这里边的代码我就不贴了，

这里我需要在原生地图中获取得到的定位信息，传到h5界面中处理。

于是调用

Map.js里边的代码

Cordova iOS插件开发流程

这里不需要上传到git,所以不需要做package.json文件里边的处理

到此一个插件已经基本上做好了

接下来是调用这个插件了

在终端cd 到你工程文件夹目录

输入命令

sudo ionic plugin add [插件所在的目录]

目录直接将你的[Map这个插件拖进去就而已了]

完成之后打开platforms中的iOS目录找到你的项目工程就可以看到你的插件安装成功了

在plugin文件夹中你会看到你所添加的插件cordoba-plugin-Map这个文件夹

此时就是在js中调用了

此时就可以成功调用了。如果你还需要修改你的插件，还可以在工程里边修改，这里就不做态度描述了。

作者：半月迎风
链接：https://www.jianshu.com/p/b3cd0c266bb5

正文到此结束

所属分类：移动开发

本文标签： 安装插件 IOS ip value ACE id 插件开发 map key Word IO 测试 cat XML http plugin apache description json core ORM 目录 tar 代码 src Property js GitHub 开发 Atom https UI 参数 git
版权声明： 本文为互联网转载文章，出处已在文章中说明(部分除外)。如果侵权，请联系本站长删除，谢谢。
本文海报： 生成海报一生成海报二

其他链接

关于本站

本站定位：个人技术类博客

本站作用：写博客、记日志、闲聊扯淡鼓捣技术。

问题交流

Cordova iOS插件开发流程

热门推荐

相关文章

说给你听

本文目录

随机标签

书籍教程

近期评论

网站信息

其他链接

关于本站

问题交流