码迷,mamicode.com
首页 > 其他好文 > 详细

原生态ionic-native插件

时间:2018-04-02 13:41:27      阅读:579      评论:0      收藏:0      [点我收藏+]

标签:一个   pac   node   官方   解决   ati   nta   ram   步骤   

ionic-native插件
cordova安装插件 以及 ionic-native插件
使用过程以及步骤

  1. cordova plugin add cordova-plugin-插件名称。 //安装插件
  2. npm install @ionic-native/对应插件名称 --save。 //写入package.json
  3. 在app.module.ts 的 providers 进行引用

解释:
cordove plugin add ... 安装的文件会在项目的plugins文件夹下
npm install @ionic-native/对应插件名称 --save
--save作用:会将该native插件的内容写入package.json文件中,在多人协同开发的时候别人就可以直接npm install 就可以直接安装了,会在node_module目录中的@ionic-native目录下

还值得注意的是:
如果单纯的使用cordova plugin add ...安装了插件的话是不能引用到的,因为ts不能引用到js哦。
解决方式是:添加一个xx.d.ts文件即可。(暂没遇到过)

官方地址:https://ionicframework.com/docs/native/
增加cordova: npm i -g cordova
常用:

ionic cordova plugin add cordova-plugin-camera
npm install @ionic-native/camera --save

ionic cordova plugin add cordova-plugin-device
npm install @ionic-native/device --save

ionic cordova plugin add cordova-plugin-app-version
npm install @ionic-native/app-version --save

ionic cordova plugin add cordova-plugin-geolocation
npm install @ionic-native/geolocation --save

ionic cordova plugin add cordova-plugin-geolocation
npm install @ionic-native/geolocation --save

ionic cordova plugin add cordova-plugin-screen-orientation
npm install --save @ionic-native/screen-orientation

=====参考博客====

https://www.jianshu.com/p/4710cac028e5

 

原生态ionic-native插件

标签:一个   pac   node   官方   解决   ati   nta   ram   步骤   

原文地址:https://www.cnblogs.com/Rampage/p/8692171.html

(1)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!