文档章节

ionic插件

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

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

90后爱国 ⋅ 2016/07/05 ⋅ 0

ionic2 调用自定义插件之研究

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

赵_俊明 ⋅ 2016/09/05 ⋅ 7

ionic-native-transitions让html5开发的app和原生一样快

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

htzhanglong ⋅ 2016/01/17 ⋅ 2

ionic cordova 常用命令

ionic 先在桌面环境下测试,Chrome运行正常,然后编译成各种移动平台版本,这里以android版本为例cd q-metroionic platform add androidionic build androidionic run android如果要在虚拟机...

canroline ⋅ 2016/01/20 ⋅ 0

Ionic Mac 环境配置

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

anziguoer ⋅ 2016/03/10 ⋅ 0

ionic 的部署与更新至更新www文件

1 注册 ionic账号 2创建项目(废话) $ ionic start deploy-tutorial tabs$ cd deploy-tutorial$ ionic io init$ ionic serve --lab 3 加入2个插件 ionic add ionic-platform-web-client ioni......

keller.zhou ⋅ 2016/08/26 ⋅ 0

ionic react-native和native开发移动app到底那个好

ionic react-native和native开发移动app那个好 ? 移动端开发如何选型?这里介绍一下我眼中的ionic,react-native,native 三种移动端开发选型对比。欢迎大家补充指正 一、 跨平台特性 ionic : ...

htzhanglong ⋅ 2016/02/27 ⋅ 6

Hongfei Dong/ioniclub

Ioniclub App http://ionichina.com Ionichina社区客户端,采用Ionic Framework开发 快速开始 1. 首先安装ionic $ sudo npm install -g cordova ionic 2. 项目Clone到本地 $ git clone http......

Hongfei Dong ⋅ 2015/05/31 ⋅ 0

ionic react-native和native开发移动app对比

ionic react-native和native开发移动app对比 移动端开发如何选型?这里介绍一下我眼中的ionic/cordova,react-native,native 三种移动端开发选型对比。欢迎大家补充指正 一、 跨平台特性 ioni...

htzhanglong ⋅ 2016/06/10 ⋅ 0

Hybird实现的 HTML5 Angular--WebviewBridge

WebviewBridge (android) h5 angular。(ionic) 这是 Hybird 实现的一个 demo,集成angular.js,主要是 ionic 框架下面的。感谢ionic团队的付出,主要实现 H5 端和 native 相互通信。可以实现...

匿名 ⋅ 2016/08/12 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

vim介绍、vim颜色显示和移动光标、vim一般模式下移动光标、一般模式下复制粘贴剪切

VIM Vim 是 UNIX 文本编辑器 Vi 的加强版本,加入了更多特性来帮助编辑源代码。Vim 的部分增强功能包括文件比较(vimdiff),语法高亮,全面的帮助系统,本地脚本(Vimscript),和便于选择的...

蛋黄Yolks ⋅ 14分钟前 ⋅ 0

springboot+mockito测试controller层遇到的问题

使用MockitoJUnitRunner测试的一个例子,原来报错无法找到bean, 类似的异常如下:createBeanError..... 原因:是因为@Runwith使用了SpringRunner,应该修改为MockitoJUnitRunner 代码如下: ...

writeademo ⋅ 26分钟前 ⋅ 0

关于“幂等”操作

一个幂等(idempotent)操作的特点是其任意多次执行所产生的影响均与一次执行的影响相同. 开发中, 我们经常考虑幂等操作的场景有“接口调用”、“MQ消费”、“自动任务”等 接口调用, 可能出现...

零二一七 ⋅ 34分钟前 ⋅ 0

Dubbo服务服务暴露之ProxyFactory Invoker

Dubbo服务暴露过程中有涉及到调用ProxyFactory 中方法获取Invoker对象的过程,现在我们来深究下源码,来看下这个过程是在做些什么,返回的Invoker 对象是什么,我们来看一下代码的切入点: ...

哲别0 ⋅ 48分钟前 ⋅ 0

GP两种连接方式性能测试

GP两种连接方式性能测试 Pivotal import java.sql.Connection; import java.sql.DriverManager; import java.sql.PreparedStatement; import java.sql.ResultSet; public class GPQueryStrin......

仔仔1993 ⋅ 53分钟前 ⋅ 0

jsonrpc-4j代码解析

解析文件 AutoJsonRpcServiceImplExporter JsonServiceExporter AutoJsonRpcServiceImplExporter 路径:com.googlecode.jsonrpc4j.spring.AutoJsonRpcServiceImplExporter AutoJsonRpcServi......

郭恩洲_OSC博客 ⋅ 今天 ⋅ 0

百度搜索

from selenium import webdriver import time brower=webdriver.Firefox() brower.get('http://www.baidu.com') input=brower.find_element_by_id('kw') input.send_keys('中南大学') time.s......

南桥北木 ⋅ 今天 ⋅ 0

tomcat 日志记录器

1、日志记录器是记录消息的组件 日志记录器需要与某个servlet 容器相关联 2、Logger 接口 共定义了5种日志级别:FATAL、ERROR、WARNING、INFORMATION、DEBUGGER setVerbosity 设置级别 setC...

职业搬砖20年 ⋅ 今天 ⋅ 0

Thrift RPC实战(三) Thrift序列化机制

1.Thrift基础架构 Thrift是一个客户端和服务端的架构体系,数据通过socket传输; 具有自己内部定义的传输协议规范(TProtocol)和传输数据标准(TTransports); 通过IDL脚本对传输数据的数据结构...

lemonLove ⋅ 今天 ⋅ 0

网站建设就要像2018世界杯的俄罗斯队大杀四方[图]

今天心情不错,因为昨天晚上观看了世界杯比赛,尤其是对俄罗斯队的大杀四方感到十分霸气侧漏啊,因此我联想到了自己的博客网站,我的博客是去年年底上线的,一直想建设一个关于读书和读后感作...

原创小博客 ⋅ 今天 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部