文档章节

ionic插件

小黑202
 小黑202
发布于 2016/06/21 16:28
字数 385
阅读 15
收藏 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
博文 134
码字总数 37080
作品 0
西安
程序员
ionic框架安装

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

90后爱国
2016/07/05
67
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
3.9K
2
iOS使用Objective-c自定义cordova插件(-)

本系列教程为博主初次使用开发,内容如有差错,欢迎指正,敬请谅解。 博客地址:http://blog.img421.com/iosshi-yong-object-czi-ding-yi-cordovacha-jian/ Mac安装ionic和cordova我们已经熟悉,...

Michaelyn
2017/10/23
0
0
Ionic Mac 环境配置

Ionic Mac 环境配置 · 安装cordova之前要安装nodejs 会包含npm安装(npm是个包管理器),到官网下载https://nodejs.org/en/download/ 是个pkg包下载之后双击下载包运行然后 step by step,o...

anziguoer
2016/03/10
809
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

day60-20180818-流利阅读笔记-待学习

钉钉:工作的归工作,生活的…也归工作? 毛西 2018-08-18 1.今日导读 你用过“钉钉”么?被公司要求使用钉钉的感受是如何的呢?这款阿里巴巴旗下的移动办公社交平台在弯道超车微信、为许多企...

aibinxiao
37分钟前
6
0
Kubernetes的HTTPS和证书问题,汇总

通过Kubernetes建立服务网站,需要干的事情和HTTPS和证书问题,汇总如下: 建立Nginx服务器 搞服务器第一步,Ubuntu 18.04设置静态IP 安装Nginx服务。 Kubernetes的deployment使用 创建服务,...

openthings
52分钟前
1
0
php 使用redis锁限制并发访问类

1.并发访问限制问题 对于一些需要限制同一个用户并发访问的场景,如果用户并发请求多次,而服务器处理没有加锁限制,用户则可以多次请求成功。 例如换领优惠券,如果用户同一时间并发提交换领...

豆花饭烧土豆
今天
0
0
Linux环境搭建 | 手把手教你配置Linux虚拟机

在上一节 「手把你教你安装Linux虚拟机」 里,我们已经安装好了Linux虚拟机,在这一节里,我们将配置安装好的Linux虚拟机,使其达到可以开发的程度。 Ubuntu刚安装完毕之后,还无法进行开发,...

良许Linux
今天
0
0
(三)Nginx配置·续

概述 前文写了关于Nginx环境配置,但是还没有完,接下来将会继续讲三个相关的配置 主要是以下三个 1.Nginx访问日志 2.Nginx日志切割 3.静态文件不记录日志和过期时间 Nginx访问日志 1.先看看...

杉下
今天
1
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部