Android 离子电容器不工作
我正在学习离子5,想创建一个简单的应用程序,显示附近所有支持蓝牙功能的手机列表。我的问题是,当我使用BLE插件的调用扫描时,我的回调方法从未被调用。我在连接的手机(三星9)上测试了这一点,还生成了app-debug.apk并在手机上安装 以下是我的项目的细节。我正在为本机应用程序使用电容器 SDK: 表1.tsAndroid 离子电容器不工作,android,ionic-framework,bluetooth-lowenergy,capacitor,ionic5,Android,Ionic Framework,Bluetooth Lowenergy,Capacitor,Ionic5,我正在学习离子5,想创建一个简单的应用程序,显示附近所有支持蓝牙功能的手机列表。我的问题是,当我使用BLE插件的调用扫描时,我的回调方法从未被调用。我在连接的手机(三星9)上测试了这一点,还生成了app-debug.apk并在手机上安装 以下是我的项目的细节。我正在为本机应用程序使用电容器 SDK: 表1.ts import { Component, NgZone } from '@angular/core'; import { BLE } from '@ionic-native/ble/ng
import { Component, NgZone } from '@angular/core';
import { BLE } from '@ionic-native/ble/ngx';
import { AlertController } from '@ionic/angular';
@Component({
selector: 'app-tab1',
templateUrl: 'tab1.page.html',
styleUrls: ['tab1.page.scss']
})
export class Tab1Page {
text = 'hello';
devices: any[] = [];
constructor(private ble: BLE,
private ngZone: NgZone,
public alertController: AlertController) { }
scan() {
this.text = 'Loading...';
console.log('going to this.scan.....');
this.devices = [];
this.showAlert('starting scan.....');
this.ble.scan([], 60).subscribe(devices1=>{
this.showDeviceList(devices1);
this.text = devices1;
this.showAlert('scan finished success');
},error=> this.showAlert('scan fini with error'),
()=>this.showAlert('scan void finish'));
}
async showDeviceList(devices) {
const alert = await this.alertController.create({
header: 'Alert',
subHeader: 'Subtitle',
message: 'Going to start scan',
buttons: ['OK']
});
await alert.present();
console.log('devices are ', devices);
this.ngZone.run(() => {
this.devices.push(...devices);
this.text = 'finished';
});
}
async showAlert(msg){
const alert = await this.alertController.create({
header: 'Alert',
subHeader: 'Subtitle',
message: msg,
buttons: ['OK']
});
await alert.present();
}
}
离子信息:
{
"name": "COVID-TRACKING",
"version": "0.0.1",
"author": "Ionic Framework",
"homepage": "https://ionicframework.com/",
"scripts": {
"ng": "ng",
"start": "ng serve",
"build": "ng build",
"test": "ng test",
"lint": "ng lint",
"e2e": "ng e2e"
},
"private": true,
"dependencies": {
"@angular/common": "~8.2.14",
"@angular/core": "~8.2.14",
"@angular/forms": "~8.2.14",
"@angular/platform-browser": "~8.2.14",
"@angular/platform-browser-dynamic": "~8.2.14",
"@angular/router": "~8.2.14",
"@capacitor/android": "^2.0.1",
"@capacitor/core": "2.0.1",
"@ionic-native/ble": "^5.23.0",
"@ionic-native/core": "^5.0.7",
"@ionic-native/splash-screen": "^5.0.0",
"@ionic-native/status-bar": "^5.0.0",
"@ionic/angular": "^5.0.0",
"cordova-plugin-ble-central": "^1.2.4",
"core-js": "^2.5.4",
"rxjs": "~6.5.1",
"tslib": "^1.9.0",
"zone.js": "~0.9.1"
},
"devDependencies": {
"@angular-devkit/build-angular": "~0.803.20",
"@angular/cli": "~8.3.23",
"@angular/compiler": "~8.2.14",
"@angular/compiler-cli": "~8.2.14",
"@angular/language-service": "~8.2.14",
"@capacitor/cli": "2.0.1",
"@ionic/angular-toolkit": "^2.1.1",
"@types/jasmine": "~3.3.8",
"@types/jasminewd2": "~2.0.3",
"@types/node": "~8.9.4",
"codelyzer": "^5.0.0",
"jasmine-core": "~3.4.0",
"jasmine-spec-reporter": "~4.2.1",
"karma": "~4.1.0",
"karma-chrome-launcher": "~2.2.0",
"karma-coverage-istanbul-reporter": "~2.0.1",
"karma-jasmine": "~2.0.1",
"karma-jasmine-html-reporter": "^1.4.0",
"protractor": "~5.4.0",
"ts-node": "~7.0.0",
"tslint": "~5.15.0",
"typescript": "~3.4.3"
},
"description": "An Ionic project"
}
npm install cordova-plugin-ble-central
npm install @ionic-native/ble
ionic cap sync
Package.json:
{
"name": "COVID-TRACKING",
"version": "0.0.1",
"author": "Ionic Framework",
"homepage": "https://ionicframework.com/",
"scripts": {
"ng": "ng",
"start": "ng serve",
"build": "ng build",
"test": "ng test",
"lint": "ng lint",
"e2e": "ng e2e"
},
"private": true,
"dependencies": {
"@angular/common": "~8.2.14",
"@angular/core": "~8.2.14",
"@angular/forms": "~8.2.14",
"@angular/platform-browser": "~8.2.14",
"@angular/platform-browser-dynamic": "~8.2.14",
"@angular/router": "~8.2.14",
"@capacitor/android": "^2.0.1",
"@capacitor/core": "2.0.1",
"@ionic-native/ble": "^5.23.0",
"@ionic-native/core": "^5.0.7",
"@ionic-native/splash-screen": "^5.0.0",
"@ionic-native/status-bar": "^5.0.0",
"@ionic/angular": "^5.0.0",
"cordova-plugin-ble-central": "^1.2.4",
"core-js": "^2.5.4",
"rxjs": "~6.5.1",
"tslib": "^1.9.0",
"zone.js": "~0.9.1"
},
"devDependencies": {
"@angular-devkit/build-angular": "~0.803.20",
"@angular/cli": "~8.3.23",
"@angular/compiler": "~8.2.14",
"@angular/compiler-cli": "~8.2.14",
"@angular/language-service": "~8.2.14",
"@capacitor/cli": "2.0.1",
"@ionic/angular-toolkit": "^2.1.1",
"@types/jasmine": "~3.3.8",
"@types/jasminewd2": "~2.0.3",
"@types/node": "~8.9.4",
"codelyzer": "^5.0.0",
"jasmine-core": "~3.4.0",
"jasmine-spec-reporter": "~4.2.1",
"karma": "~4.1.0",
"karma-chrome-launcher": "~2.2.0",
"karma-coverage-istanbul-reporter": "~2.0.1",
"karma-jasmine": "~2.0.1",
"karma-jasmine-html-reporter": "^1.4.0",
"protractor": "~5.4.0",
"ts-node": "~7.0.0",
"tslint": "~5.15.0",
"typescript": "~3.4.3"
},
"description": "An Ionic project"
}
npm install cordova-plugin-ble-central
npm install @ionic-native/ble
ionic cap sync
安装插件的命令:
{
"name": "COVID-TRACKING",
"version": "0.0.1",
"author": "Ionic Framework",
"homepage": "https://ionicframework.com/",
"scripts": {
"ng": "ng",
"start": "ng serve",
"build": "ng build",
"test": "ng test",
"lint": "ng lint",
"e2e": "ng e2e"
},
"private": true,
"dependencies": {
"@angular/common": "~8.2.14",
"@angular/core": "~8.2.14",
"@angular/forms": "~8.2.14",
"@angular/platform-browser": "~8.2.14",
"@angular/platform-browser-dynamic": "~8.2.14",
"@angular/router": "~8.2.14",
"@capacitor/android": "^2.0.1",
"@capacitor/core": "2.0.1",
"@ionic-native/ble": "^5.23.0",
"@ionic-native/core": "^5.0.7",
"@ionic-native/splash-screen": "^5.0.0",
"@ionic-native/status-bar": "^5.0.0",
"@ionic/angular": "^5.0.0",
"cordova-plugin-ble-central": "^1.2.4",
"core-js": "^2.5.4",
"rxjs": "~6.5.1",
"tslib": "^1.9.0",
"zone.js": "~0.9.1"
},
"devDependencies": {
"@angular-devkit/build-angular": "~0.803.20",
"@angular/cli": "~8.3.23",
"@angular/compiler": "~8.2.14",
"@angular/compiler-cli": "~8.2.14",
"@angular/language-service": "~8.2.14",
"@capacitor/cli": "2.0.1",
"@ionic/angular-toolkit": "^2.1.1",
"@types/jasmine": "~3.3.8",
"@types/jasminewd2": "~2.0.3",
"@types/node": "~8.9.4",
"codelyzer": "^5.0.0",
"jasmine-core": "~3.4.0",
"jasmine-spec-reporter": "~4.2.1",
"karma": "~4.1.0",
"karma-chrome-launcher": "~2.2.0",
"karma-coverage-istanbul-reporter": "~2.0.1",
"karma-jasmine": "~2.0.1",
"karma-jasmine-html-reporter": "^1.4.0",
"protractor": "~5.4.0",
"ts-node": "~7.0.0",
"tslint": "~5.15.0",
"typescript": "~3.4.3"
},
"description": "An Ionic project"
}
npm install cordova-plugin-ble-central
npm install @ionic-native/ble
ionic cap sync
只有安卓10才有问题。您需要在android 10中获得backgound位置许可才能让蓝牙正常工作。您需要向AndroidManifest.xml添加背景位置权限,并且您还需要向应用程序添加背景地理位置插件,即使您不打算使用它。在您的app.component中,执行以下操作
const config: BackgroundGeolocationConfig = {
desiredAccuracy: 10,
stationaryRadius: 20,
distanceFilter: 30,
debug: true, // enable this hear sounds for background-geolocation life-cycle.
stopOnTerminate: false, // enable this to clear background location settings when the app terminates
};
this.bgLoc.stop();
完成上述操作后,将自动请求后台位置许可,并允许蓝牙在android 10上工作。另外,请确保将粗略位置权限添加到androidmanifest.xml中,因为android api 29使用了ACCESS\u FINE\u位置权限,而不是ACCESS\u粗略位置权限。cordova插件ble central的管理员尚未接受解决此问题的请求 我在我的fork上做了必要的修改,现在它在android 10上运行良好,没有在你的应用程序中添加背景位置的麻烦 也许您可以通过删除旧的:
ionic cordova plugin rm cordova-plugin-ble-central
添加我的叉子:
ionic cordova plugin add git+https://github.com/dslima90/cordova-plugin-ble-central.git
试过电容器后发现问题太多,时间太长,所以我决定切换回cordova而不是电容器您是否收到Android操作系统的位置权限提示?扫描期间,“adb logcat”显示什么?另外,你说你正在使用电容器,但你正在使用的是一个可连接的插件。嗨,是的,我得到了定位许可的提示,我还手动启用了蓝牙和定位服务。你说这是一个cordova插件,我可以不使用电容器吗?文档中还提供了使用电容器安装的选项。@JoseLoor-你有没有使用过电容器?我正在调查类似的事情。谢谢