外掛程式開發指南
外掛程式是代碼的一個套裝軟體,注入,允許在其中應用程式呈現與在其上運行的本機平臺進行通信的科爾多瓦 web 視圖。 外掛程式提供對基於 web 的應用程式通常不可用的設備和平臺功能的訪問。 科爾多瓦 API 的所有主要功能作為外掛程式,實現和許多其他的可用條碼掃描器、 NFC 通信等功能的啟用或定制日曆的介面。 有可用外掛程式註冊表。
外掛程式包括一個單一的 JavaScript 介面和相應的本機代碼庫,每個受支援的平臺。 本質上這隱藏在一個共同的 JavaScript 介面背後各種本機代碼實現。
這一節步驟通過一個簡單的echo外掛程式,將一個字串從 JavaScript 傳遞到本機平臺又回來,一個人,你可以使用作為一種模式,建立更為複雜的功能。 本節討論的基本外掛程式結構和麵向外部的 JavaScript 介面。 對於每個相應的本機介面,看到這一節的結尾處的清單。
除了這些指令,當準備寫一個外掛程式,最好去看一下現有的外掛程式為指導。
建設一個外掛程式
應用程式開發人員使用 CLI 的 plugin add
命令 (討論中的命令列介面),適用于一個專案的一個外掛程式。 該命令的參數是一個包含外掛程式代碼的git存儲庫的 URL。 此示例實現科爾多瓦的設備 API:
$ cordova plugin add https://git-wip-us.apache.org/repos/asf/cordova-plugin-device.git
外掛程式存儲庫必須功能頂級 plugin.xml
清單檔。 有很多方法來配置這個檔的可用外掛程式規範中的詳細資訊。 此縮寫的版本的 Device
外掛程式提供了一個簡單的例子,使用作為一種模式:
<?xml version="1.0" encoding="UTF-8"?>
<plugin xmlns="http://apache.org/cordova/ns/plugins/1.0"
id="cordova-plugin-device" version="0.2.3">
<name>Device</name>
<description>Cordova Device Plugin</description>
<license>Apache 2.0</license>
<keywords>cordova,device</keywords>
<js-module src="www/device.js" name="device">
<clobbers target="device" />
</js-module>
<platform name="ios">
<config-file target="config.xml" parent="/*">
<feature name="Device">
<param name="ios-package" value="CDVDevice"/>
</feature>
</config-file>
<header-file src="src/ios/CDVDevice.h" />
<source-file src="src/ios/CDVDevice.m" />
</platform>
</plugin>
頂級 plugin
標記的 id
屬性使用相同的反向域格式添加到他們的應用程式所識別的外掛程式包。 js-module
標記指定的常見的 JavaScript 介面的路徑。 platform
標記為指定一組相應的本機代碼, ios
在這種情況下的平臺。 config-file
標記封裝 feature
標記,注入特定于平臺的 config.xml
檔,讓這個平臺認識到額外的代碼庫。 header-file
和 source-file
標籤指定庫的元件檔的路徑。
驗證外掛程式
您可以使用 plugman
實用程式來檢查是否該外掛程式正確安裝每個平臺。 安裝 plugman
與節點下面的命令:
$ npm install -g plugman
你需要有效的應用程式的原始目錄中,如頂級 www
目錄包含在預設 CLI 生成專案中所述的命令列介面。 請確保應用程式的 index.html
的主頁引用名稱的外掛程式的 JavaScript 介面,好像它是相同的原始目錄中:
<script src="myplugin.js"></script>
然後運行以下命令來測試是否能正常載入的 iOS 的依賴關係:
$ plugman install --platform ios --project /path/to/my/project/www --plugin /path/to/my/plugin
有關的詳細資訊 plugman
選項,請參閱使用 Plugman 管理外掛程式。 有關如何實際調試外掛程式的資訊,請參閱此頁面的底部列出的每個平臺的本機介面。
JavaScript 介面
JavaScript 提供了面向前面的介面,使外掛程式的也許最重要的部分。 您可以結構你的外掛程式的 JavaScript,然而你喜歡,但是你需要調用 cordova.exec
來交流的本機平臺,使用下面的語法:
cordova.exec(function(winParam) {},
function(error) {},
"service",
"action",
["firstArgument", "secondArgument", 42, false]);
這裡是每個參數的工作原理:
function(winParam) {}
: 成功回呼函數。假設您exec
調用成功完成,以及任何您傳遞給它的參數執行此函數。function(error) {}
: 錯誤回呼函數。如果該操作未成功完成,此函數執行帶有可選錯誤參數。"service"
: 要調用的本機一邊的服務名稱。這對應于本機類,為其更多的資料,可在下面列出的本機指南。"action"
: 要調用的本機一邊的操作名稱。這通常對應于本機類的方法。請參閱下面列出的本機指南。[/* arguments */]
: 要傳遞到本機環境中的參數陣列。
示例 JavaScript
此示例演示實現外掛程式的 JavaScript 介面的一種方法:
window.echo = function(str, callback) {
cordova.exec(callback, function(err) {
callback('Nothing to echo.');
}, "Echo", "echo", [str]);
};
在此示例中,該外掛程式的重視本身對 window
物件作為 echo
功能,外掛程式使用者會調用,如下所示:
window.echo("echome", function(echoValue) {
alert(echoValue == "echome"); // should alert true.
});
看看的最後三個參數的 cordova.exec
函數。 第一次調用 Echo
的服務,一個類名稱。 第二個請求 echo
行動,該類中的方法。 第三個是一個陣列,包含 echo 字串,該字串參數的 window.echo
函數的第一個參數。
成功回檔傳遞到 exec
是簡單的回呼函數的引用 window.echo
花。 如果本機平臺觸發錯誤回檔,它只是調用的成功回呼函數,並傳遞一個預設字串。
本地介面
一旦你為你的外掛程式定義 JavaScript,你需要補充與至少一個本機實現。 下面,列出每個平臺的詳細資訊和每個生成回聲外掛程式上面的簡單示例:
Tizen 平臺不支援外掛程式。
發佈外掛程式
一旦你開發你的外掛程式,你可能想要發佈並與社區分享它。 你可以將你的外掛程式發佈到任何npmjs
-基於註冊表,但推薦的一種NPM 註冊表。 請閱讀我們的新公共管理指南 》 的發佈外掛程式.
注:科爾多瓦外掛程式註冊表移動到唯讀狀態。 publish
/unpublish
命令刪除從plugman
,所以你需要使用相應的新公共管理
命令。
其他開發人員可以安裝你的外掛程式使用plugman
或科爾多瓦 CLI 自動。 (每個發展路徑的詳細資訊,請參閱使用 Plugman 管理外掛程式和命令列介面。)
要將一個外掛程式發佈到故宮註冊表你需要按照以下的步驟:
創建你的外掛程式的
package.json
檔:$ plugman createpackagejson /path/to/your/plugin
發佈:
$ npm adduser # that is if you don't have an account yet $ npm publish /path/to/your/plugin
就是這個!
運行plugman --help
列出其他可用的基於註冊表的命令。