【Ionic】Cordova插件清單及使用說明

一，插件相關常用命令

1，查看所有已經安裝的插件

cordova plugin ls

2，安裝插件（以camera插件爲例）

cordova plugin add cordova-plugin-camera

3，刪除插件（以camera插件爲例）

cordova plugin rm cordova-plugin-camera

4，更新插件

cordova plugin update

二，常用的Cordova插件

與真機設備相關

1，Device（設備）-檢查當前操作系統和設備情況
地址：https://github.com/apache/cordova-plugin-device
cordova plugin add cordova-plugin-device
2，Connection（網絡連接）-用來判斷網絡連接類型
（2G、3G、4G、Wifi、無連接等）
cordova plugin addcordova-plugin-network-information
3，Camera(相機)-用相機獲取圖像
cordova plugin add cordova-plugin-camera
4，Media Capture （媒體捕獲）-獲取圖像、錄視頻或者錄音
與Camera API相比，不僅能獲取圖像，還可以錄視頻或者錄音
cordova plugin add cordova-plugin-camera
5，barcodeScanner（條形碼/二維碼掃描）-通過攝像頭識別二維碼/條形碼
不僅可以通過攝像頭識別二維碼/條形碼，還能生成二維碼
cordova plugin add cordova-plugin-barcodescanner
6，Hardware Nofifications（硬件消息提醒）-讓設備蜂鳴或振動
cordova plugin add cordova-plugin-vibration
7，Battery（電池）-可以獲取電池狀態信息
cordova plugin add cordova-plugin-battery-status
8，Compass(指南針)-可以讓開發者讀取移動設備的朝向
cordova plugin addcordova-plugin-device-orientation
9，Geolocation(地理定位)-讓應用判斷設備的物理位置
cordova plugin add cordova-plugin-geolocation
10，Accelerometer(加速計)-讓應用在三維空間中決定設備方向
(使用笛卡爾三維座標系統)
cordova plugin add cordova-plugin-device-motion
11，Contacts（聯繫人）-讀取聯繫人列表
讀取聯繫人列表並在應用中使用聯繫人數據,或使用應用數據向聯繫人列表中寫新的聯繫人
cordova plugin add cordova-plugin-contacts
12，Media（播放/記錄媒體文件）-讓應用能記錄或播放媒體文件
用它可以在手機後臺播放音頻文件或玩桌面視頻遊戲。
cordova plugin add cordova-plugin-media
13，photoViewer -圖片預覽
cordova plugin add com-sarriaroman-photoviewer
14，cordova-plugin-datepicker -日期選擇
cordova plugin add cordova-plugin-datepicker
15，crosswalk-webview -第三方webview
cordova plugin addcordova-plugin-crosswalk-webview
16，fastrde-downloader -多文件下載器,可以解壓zip
cordova plugin add https://github.com/fastrde/phonegap-downloader.git
17，cordova-sqlite-storage–數據庫
cordova plugin add cordova-sqlite-storage
打開數據庫:
var db =window.sqlitePlugin.openDatabase({name: 'my.db', location: 'default'},successcb, errorcb);
18，cordova-plugin-nativestorage-本地存儲
cordova plugin add cordova-plugin-nativestorage
使用:
NativeStorage.setItem("reference_to_value",<value>,<success-callback>,<error-callback>);
NativeStorage.getItem("reference_to_value",<success-callback>,<error-callback>);
19，VoiceManager -音頻控制插件
通過參數調節手機播放音頻
https://github.com/youmu178/VoiceManager
下載後進行本地安裝
用法：
VoiceManage mVoiceManage = new VoiceManage(mActivity, path);//初始化
mVoiceManage.sessionRecord(true);// 開始錄音
mVoiceManage.sessionPlay(true, mFilePath);// 播放錄音
20，background-mode –app後臺運行插件
防止app在後臺進入睡眠狀態
地址：https://github.com/katzer/cordova-plugin-background-mode
From master:
# ~~ from master branch ~~
cordova plugin addhttps://github.com/katzer/cordova-plugin-background-mode.git
from a local folder:
# ~~ local folder ~~
cordova plugin addde.appplant.cordova.plugin.background-mode --searchpath path
or to use the last stable version:
# ~~ stable version ~~
cordova plugin [email protected]
To remove the plug-in, run the followingcommand:
cordova plugin rmde.appplant.cordova.plugin.background-mode
21，cordova-plugin-cache -清除app緩存
https://github.com/moderna/cordova-plugin-cache
You may use phonegap CLI as follows:
➜ phonegap local plugin addhttps://github.com/moderna/cordova-plugin-cache.git
[phonegap] adding the plugin:https://github.com/moderna/cordova-plugin-cache.git
[phonegap] successfully added the plugin

其它第三方插件：

1，Visual Notification（可視化消息提醒）- alert()、confirm()和prompt()
不同於js的alert()、confirm()和prompt()方法是同步的。Cordova的alert()、confirm()和prompt()方法是異步的，並且對顯示內容有更大的控制權限。
cordova plugin add cordova-plugin-dialog
2，AppVersion（版本更新插件）-版本更新
主要是指Android的，IOS可使用AppStore的
cordova plugin add https://github.com/whiteoctober/cordova-plugin-app-version.git
3，exitApp（退出應用）-關閉退出APP
讓 Android 或者 Windows Phone 8 上的APP關閉退出（iOS系統不支持）。
cordova plugin add cordova-plugin-exitapp
4，InAppBrowser（內置瀏覽器）-允許在在單獨的窗口中加載網頁。
例如要嚮應用用戶展示其他網頁。當然可以很容易地在應用中加載網頁內容並管理，但有時候需要不同的用戶體驗，InAppBrowser加載網頁內容，應用用戶可以更方便的直接返回到主應用。
cordova plugin add cordova-plugin-inappbrowser
5，Splashscreen（閃屏）-用來在Cordova應用啓動時顯示過渡頁面
cordova plugin add cordova-plugin-splashscreen
6，file（文件訪問操作類）-提供對設備上的文件進行讀取和寫入的功能支持
cordova plugin add cordova-plugin-file
7，fileTransfer（文件傳輸）-實現文件上傳、下載及共享等功能
cordova plugin add cordova-plugin-file-transfer
8，geolocation -獲取經緯度
cordova plugin add cordova-plugin-geolocation
9，JPush PhoneGap Plugin -極光推送
（前置條件-首先安裝 cordova device 插件 cordova plugin add cordova-plugin-device）
方法一：在線安裝
通過 Cordova plugins 安裝，要求 PhoneGap/Cordova CLI 5.0+：
cordova plugin add jpush-phonegap-plugin--variable API_KEY=your_jpush_appkey
直接通過 url 安裝：
cordova plugin add https://github.com/jpush/jpush-phonegap-plugin.git--variable API_KEY=your_jpush_appkey
方法二：下載到本地再安裝
使用 git 命令將 JPush PhoneGap 插件下載的本地，目錄標記爲 $JPUSH_PLUGIN_DIR：
git clonehttps://github.com/jpush/jpush-phonegap-plugin.git
cordova plugin add $JPUSH_PLUGIN_DIR --variable API_KEY=your_jpush_appkey
10，本地等待和進度 -基於Spinner提供的本地等待和進度對話框
地址: https://github.com/Paldom/SpinnerDialog
Latest stable release:
phonegap local plugin addcordova-plugin-spinner-dialog or
cordova plugin addcordova-plugin-spinner-dialog
Current state from git:
phonegap local plugin add https://github.com/Paldom/SpinnerDialog.git or
cordova plugin addhttps://github.com/Paldom/SpinnerDialog.git
方法：
window.plugins.spinnerDialog.show([title],[message], [cancelCallback])；
window.plugins.spinnerDialog.hide()；
11，cordova-plugin-dialogs -本地對話框
地址：https://github.com/apache/cordova-plugin-dialogs
cordova plugin add cordova-plugin-dialogs
Methods
navigator.notification.alert
navigator.notification.confirm
navigator.notification.prompt
navigator.notification.beep
eg:
navigator.notification.alert(message,alertCallback, [title], [buttonName])
message: Dialog message. (String)
alertCallback: Callback to invokewhen alert dialog is dismissed. (Function)
title: Dialog title. (String)(Optional, defaults to Alert)
buttonName: Button name. (String)(Optional, defaults to OK)
12，cordova-plugin-actionsheet -本地選項卡
地址：https://github.com/EddyVerbruggen/cordova-plugin-actionsheet
$ cordova plugin addcordova-plugin-actionsheet
$ cordova prepare
13，Toast-PhoneGap-Plugin -本地浮動框提示
地址：https://github.com/EddyVerbruggen/Toast-PhoneGap-Plugin
Using the Cordova CLI and the Cordova Plugin Registry
$ cordova plugin add cordova-plugin-x-toast
$ cordova prepare
Or using the phonegap CLI
$ phonegap local plugin addcordova-plugin-x-toast
14，Calendar-PhoneGap-Plugin-本地日曆插件
地址：https://github.com/EddyVerbruggen/Calendar-PhoneGap-Plugin
Latest release on npm:
$ cordova plugin addcordova-plugin-calendar
Bleeding edge, from github:
$ cordova plugin addhttps://github.com/EddyVerbruggen/Calendar-PhoneGap-Plugin.git

支付和分享相關：

1, 支付寶支付-阿里支付本地擴展插件
地址：https://github.com/charleyw/cordova-plugin-alipay
$ cordova plugins add cordova-plugin-alipay-pay
js調用
window.plugins.Alipay.pay(out_trade_no,subject,body,total_fee,successCallback,errorCallback,callbackUrl);
參數說明:
out_trade_no:訂單號(不能重複)
subject:商品名稱
body:描述
total_fee:價格
successCallback:成功回調
errorCallback:失敗回調
callbackUrl:回調地址/支付寶調用
當調用方法後如果安裝了支付寶會調用支付寶進行支付，
2, 銀聯支付- 微信v3本地擴展插件，包括微信支付和微信分享件
地址：https://github.com/TongChia/cordova-plugin-pingpp
包含支付寶和微信支付的插件
$ cordova plugin addhttps://github.com/TongChia/cordova-plugin-pingpp.git
包含百度錢包/銀聯支付/ApplePay
$ cordova plugin addhttps://github.com/TongChia/cordova-plugin-pingpp.git#all
3, 微信支付、微信分享-微信v3本地擴展插件，包括微信支付和微信分享
地址：https://github.com/xu-li/cordova-plugin-wechat
$ cordova plugin add cordova-plugin-wechat --variablewechatappid=YOUR_WECHAT_APPID
4, 微博插件-集成了weibo.SDK，提供微博授權登錄與微博分享的能力
地址：https://github.com/BelinChung/cordova-plugin-weibo
$ cordova plugins add cordova-plugin-weibo
5, 社交分享 -分享插件,可分享文本圖片等,並關聯打開本地註冊過的可分享類型
地址：https://github.com/EddyVerbruggen/SocialSharing-PhoneGap-Plugin
$ cordova plugin addcordova-plugin-x-socialsharing
$ cordova prepare
6, QQ插件 - 集成了QQSDK，提供了授權登錄，分享功能
地址：https://github.com/baomingba/cordova-plugin-qq
添加插件cordova plugin add https://github.com/baomingba/cordova-plugin-qq
移除插件
cordova plugin removecom.qiudao.cordova.qq