原生态ionic-native插件

Posted 2020-10-29 未曾清贫难成人，不经打击老天真

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