Ionic 跨平臺開發之Cordova外掛清單及使用說明

阿新 • • 發佈：2019-02-11

一，外掛相關常用命令
1，檢視所有已經安裝的外掛
cordova plugin ls
2，安裝外掛（以camera外掛為例）
cordova plugin add cordova-plugin-camera
3，刪除外掛（以camera外掛為例）
cordova plugin rm cordova-plugin-camera
4，更新外掛

cordova plugin update

與真機裝置相關
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 addhttps://github.com/baomingba/cordova-plugin-qq
移除外掛
cordova plugin removecom.qiudao.cordova.qq
三，參考連結：
http://www.hangge.com/blog/cache/detail_1158.html/
http://docs.wex5.com/cordova-plugins/

Ionic 跨平臺開發之Cordova外掛清單及使用說明

Ionic 跨平臺開發之Cordova外掛清單及使用說明

Ionic 跨平臺開發之打包上線

ionic之cordova外掛自定義

JavaWeb開發之詳解Servlet及Servlet容器

.NET跨平臺開發之Xamarin.Android介紹與生命周期【2】

iOS開發之日期格式轉換及時間間隔判斷

《阿里巴巴Java開發手冊》外掛安裝及使用

移動開發之Cordova混合開發

Android NDK開發之C語言基礎及指標①

Unity3D遊戲開發之C++外掛接入

JSP網站開發之HTML入門知識及常用標記符（一）

1.跨平臺開發之~ VSCode開發第一個C程式

ionic 呼叫自定義cordova外掛

阿里巴巴Java開發規約IDEA外掛安裝及使用

java開發之eclipse外掛安裝與配置(完)

網站開發之HTML基礎知識及超連結（二）

Unity3D開發之NGUI外掛文字消失或破碎的問題

ArcGIS Server9.3開發之安裝軟體清單

ionic專案中使用cordova外掛跳轉第三方地圖APP（百度、高德）

ionic昇華過程8-cordova外掛+mui小案例

Ionic 跨平臺開發之Cordova外掛清單及使用說明

相關推薦