文档章节

ionic插件

小黑202
 小黑202
发布于 2016/06/21 16:28
字数 385
阅读 32
收藏 0

#程序员薪资揭榜#你做程序员几年了?月薪多少?发量还在么?>>>

一:ionic1自定义插件,推荐一篇文章

http://jingyan.baidu.com/article/3d69c5516f4982f0cf02d7a4.html
添加一个android平台

plugman platform add --platform_name android

对插件进行更新,这时候只需要执行命令:

cordova plugin remove cn.xpush.phonegap.XPushPlugin

这里的“cn.xpush.phonegap.XPushPlugin”就是我们最开始新建插件的时候的插件ID。

重新安装还是这个命令:

cordova plugin add path/to/your/plugin/dir

把“path/to/your/plugin/dir”替换为自己的插件的目录就好了。

二:ionic2自定义插件

1.安装 plugman 插件,这个插件能帮我们方便的创建自定义组件

npm install -g plugman

2.新建组件

命令行进入Ionic2项目根目录,运行下面的命令

plugman create --name MyPlugin --plugin_id com.plugin.myPlugin --plugin_version 0.0.1

3.生成平台(android/ios)插件代码

插件的实现平台不一样代码也不同,但过程是一样的。给插件添加android支持(IOS 一样)

cd MyPlugin
plugman platform add --platform_name ios

4.往项目添加此插件

ionic cordova plugin add (插件路径)

注意点:新环境可能会报“Error: Invalid Plugin! /Users/用户名/项目名/插件名 needs a valid package.json”错误,这需要手动添加package.json文件

$sudo plugman createpackagejson (插件路径)

然后文件中就会出现package.json文件了,然后再执行$ionic cordova plugin add (插件路径),就可以了。

4.插件调用。

在src/pages里面找到需要调用原生的.ts文件

先在@Component之前,import之后,添加“declare let cordova: any;“,否则,不能调用cordova。

cordova.plugins.MyPlugin.coolMethod这个方法中MyPlugin是插件名,

cordova.plugins.MyPlugin.coolMethod(result => {

console.log(result);

}, error => {

console.log(error);

})

© 著作权归作者所有

小黑202
粉丝 7
博文 156
码字总数 41238
作品 0
西安
程序员
私信 提问
加载中

评论(0)

cordova Ionic 和cordova的区别

ionic是什么: Ionic(ionicframework)一款开源的Html5移动App开发框架,是AngularJS移动端解决方案,Ionic以流行的跨平台移动app开发框架phoengap为蓝本,让开发者可以通过命令行工具快速生成a...

osc_f5e60qdm
2018/06/06
7
0
Ionic实现混合开发--探索之旅

混合开发是什么? 个人理解混合开发指的是编写一个项目将涉及原生APP的API封装成JS模块,以插件的形式可以引入或删除,从而可以实现利用HTML调用原生API,本质上是HTML调用封装API的JS模块,...

osc_ycepdqlf
2019/04/08
2
0
ionic 常用插件 tips

本文不是插件详解,只是罗列公司上线项目中使用到的各种插件以及碰到的坑,如果像详细了解一个插件建议去其官方 github 查看。 ionic 插件的安装方法:ionic plugin add pluginName 我自己查...

flashback
2019/09/29
0
0
ionic框架安装

ionic框架安装 导语 ionic是一个强大的混合式/hybridHTML5移动开发框架,特点是使用标准的HTML、 CSS和JavaScript,开发跨平台(目前支持:Android、iOS,计划支持:Windows Phone、Firefox...

90后爱国
2016/07/05
193
0
Cordova 和 Ionic 的区别

Cordova Apache Cordova是一个开源的移动开发框架。允许你用标准的web技术-HTML5,CSS3和JavaScript做跨平台开发。 应用在每个平台的具体执行被封装了起来,并依靠符合标准的API绑定去访问每个...

华山猛男
2018/11/07
297
0

没有更多内容

加载失败,请刷新页面

加载更多

文献速递20200524

一 文献题目:Characterizing the Causal Pathway for Genetic Variants Associated with Neurological Phenotypes Using Human Brain-Derived Proteome Data 不想看英文题目:使用人脑蛋白质......

osc_mbhfa1vl
33分钟前
9
0
【Java入门】JDK安装和环境变量配置(Win7版)

系统环境:Windows7 x64 安装JDK和JRE版本:1.8.0_191 1、下载JDK安装包 Oracle官网下载网址:https://www.oracle.com/technetwork/java/javase/downloads/index.html 选择需要下载的JDK版本...

osc_s7aj86hu
34分钟前
11
0
Android Q 指纹解锁流程

Android Q 指纹解锁流程 // Authentation Finger Schedule: (close Screen, Authentation with finger(Success))        // PhoneWindowManager        mKeyguardDelegate.onStar......

osc_0qnrwmy3
36分钟前
12
0
List的扩容机制,你真的明白吗?

一:背景 1. 讲故事 在前一篇大内存排查中,我们看到了Dictionary正在做扩容操作,当时这个字典的count=251w,你把字典玩的66飞起,其实都是底层为你负重前行,比如其中的扩容机制,当你遇到...

osc_34b9n45c
38分钟前
14
0
2020.04.12软件更新公告

原创软件区升级ComicsViewer、DjVuToy、Pdg2Pic、PdgRenamer、PdgThumbViewer

osc_6tgtqi6v
38分钟前
23
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部