ionic-native插件
cordova安裝插件 以及 ionic-native插件
使用過程以及步驟
- cordova plugin add cordova-plugin-插件名稱。 //安裝插件
- npm install @ionic-native/對應插件名稱 --save。 //寫入package.json
- 在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
?