文档章节

ionic插件

小黑202
 小黑202
发布于 2016/06/21 16:28
字数 385
阅读 19
收藏 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
博文 144
码字总数 38432
作品 0
西安
程序员
私信 提问
Cordova 和 Ionic 的区别

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

华山猛男
11/07
0
0
ionic框架安装

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

90后爱国
2016/07/05
67
0
Error occurred during initialization of VM Could not reserve enough space for 2097152KB object heap

ionic build Android后的报错问题   ionic 升级了splashscreen和statusbar的插件后,执行ionic build android会一直报打包错误。原因是过低的Android-platform版本不支持新的 splashscreen...

小旺同学
11/21
0
0
ionic2 调用自定义插件之研究

cordova机制我在此就不提了,我们使用Typescript调用cordova plugin就如同调用第三方库是一个道理,那么这里就少不了书写declare文件,下面我就把几种封装调用的几种方式介绍一下。 方式一,...

赵_俊明
2016/09/05
2.1K
7
ionic-native-transitions让html5开发的app和原生一样快

Ionic(ionicframework)一款接近原生的Html5移动App开发框架 会html css js就可以开发跨平台的app 但是大家都知道 ionic在稍微低配置的android手机上面表现不是特别好。下面介绍的ionic-nat...

htzhanglong
2016/01/17
4.1K
2

没有更多内容

加载失败,请刷新页面

加载更多

开发者和架构师之间最大的区别是什么?

1、开发者和架构师之间最大的区别是什么? 架构师和开发者一样,也经常写代码,简单的说,开发者和架构师之间最大的区别就是技术领导力。 软件架构师的角色需要理解最重要的架构驱动力是什么...

James-
32分钟前
1
0
java框架学习日志-4

补充一些spring配置文件的方法。 设置别名: <!--通过name直接设置别名--> <bean name="user2" class="cn.sxt.factory.UserDynamicFactory"> </bean> <!--有id的情况下也可以设置......

白话
34分钟前
2
0
20181213 上课截图

小丑鱼00
51分钟前
1
0
nginx+php-fpm配置后页面显示空白的解决方法以及用nginx和php-fpm解决“502 Bad Gateway”问题

https://stackoverflow.com/questions/15423500/nginx-showing-blank-php-pages For reference, I am attaching my location block for catching files with the .php extension: location ~......

Yao--靠自己
58分钟前
3
0
mac 没声音

somehow不时就会出现这种情况。之前都得重启。 其实可以直接在terminal里打以下命令: sudo kextunload /System/Library/Extensions/AppleHDA.kext sudo kextload /System/Library/Extension...

dubox
今天
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部