我正在将自定义的Cordova插件集成到Ionic应用程序中。我们有一个第三方创建了一个Cordova插件来与蓝牙设备接口(interface)。运行cordova platform ls
表示插件已正确安装:
$ cordova plugin ls
> com.sitename.product 0.0.0 "DeviceProbe"
该插件包含一个
probe.js
文件,该文件包含用于连接,读取,轮询和其他操作的方法。/plugins/com.sitename.product/www/probe.js
var callNative = function(service, action, success, error, args) {
if(args === undefined) args = [];
cordova.exec(success, error, service, action, args);
};
var thermProbe = {
// Methods here
};
module.exports = thermProbe;
为了在我们的 Controller 中使用插件,我需要创建一个Angular服务包装器,即described here。
我创建了一个工厂来处理这个问题。
/lib/probe/probe.js
(function() {
'use strict';
var serviceId = 'Probe';
angular.module('thermProbe').factory(serviceId, ['$q', Probe]);
function Probe($q) {
var service = {
'connect': connect,
'disconnect': disconnect,
'getReading': getReading,
'getName': getName,
'getHigh': getHigh,
'getLow': getLow,
'pollReading': pollReading,
'stopPolling': stopPolling,
'isPolling': isPolling
};
return service;
// Method wrappers
function connect() {
var q = $q.defer();
if($window.cordova){
cordova.plugins.thermProbe.connect(function (result) {
q.resolve(result);
}, function (err) {
q.reject(err);
});
}
return q.promise;
}
}
})();
将
Probe
服务注入(inject) Controller 。当我在设备上运行此命令(使用ionic run android
)时,出现以下错误:TypeError: Cannot read property 'connect' of undefined
追溯到包含
cordova.plugins.thermProbe.connect()
的行。我也尝试过使用
cordova.plugins.probe.connect()
,但收到相同的错误。如何从
/plugins/com.sitename.product/www/probe.js
获取方法以在/lib/probe/probe.js
中工作? 最佳答案
经过反复试验(和console.log
编码),我能够解决此问题。$window
对象具有一个probe
对象,其中包含所有需要的方法。我猜probe
名称来自Cordova插件配置。
plugin.xml
<js-module src="www/probe.js" name="probe">
<clobbers target="probe" />
</js-module>
<platform name="ios">
<config-file target="config.xml" parent="/*">
<feature name="probe">
<param name="ios-package" value="productName"/>
</feature>
</config-file>
...
...
</platform>
<platform name="android">
<config-file target="res/xml/config.xml" parent="/*">
<feature name="probe">
<param name="android-package" value="com.sitename.productName"/>
<param name="onload" value="true" />
</feature>
</config-file>
...
...
</platform>
使用方法:
function connect() {
var q = $q.defer();
if($window.probe){
$window.probe.connect(function (result) {
q.resolve(result);
}, function (err) {
q.reject(err);
});
}
return q.promise;
}