Я изучаю ioni c 5 и хочу создать простое приложение, которое отображает список всех близлежащих телефонов с поддержкой Bluetooth. Моя проблема в том, что когда я использую функцию invoke scan для BLE, мои методы обратного вызова никогда не вызываются. Я проверил это на подключенном телефоне (Samsung 9), а также с помощью приложения app-debug.apk и установки на телефон.
Вот детали моего проекта. Я использую Capacitor для собственных приложений.
SDK:
tab-1.ts
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();
}
}
ioni c информация:
Пакет. 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