mã ví dụ góc ion gốc để vuejs

Với Ionic Native, có thể sử dụng iBeacons thông qua plugin gốc: https://ionicframework.com/docs/native/ibeacon

Mã ví dụ được viết cho những người sử dụng Ionic với AngularJS, nhưng tôi đang sử dụng VueJS và tôi không thể tìm ra cách để làm cho nó hoạt động:

Phiên bản Angular của mã Ví dụ:

import { IBeacon } from '@ionic-native/ibeacon/ngx';

constructor(private ibeacon: IBeacon) { }

...


// Request permission to use location on iOS
this.ibeacon.requestAlwaysAuthorization();
// create a new delegate and register it with the native layer
let delegate = this.ibeacon.Delegate();

// Subscribe to some of the delegate's event handlers
delegate.didRangeBeaconsInRegion()
  .subscribe(
    data => console.log('didRangeBeaconsInRegion: ', data),
    error => console.error()
  );
delegate.didStartMonitoringForRegion()
  .subscribe(
    data => console.log('didStartMonitoringForRegion: ', data),
    error => console.error()
  );
delegate.didEnterRegion()
  .subscribe(
    data => {
      console.log('didEnterRegion: ', data);
    }
  );

let beaconRegion = this.ibeacon.BeaconRegion('deskBeacon','F7826DA6-ASDF-ASDF-8024-BC5B71E0893E');

this.ibeacon.startMonitoringForRegion(beaconRegion)
  .then(
    () => console.log('Native layer received the request to monitoring'),
    error => console.error('Native layer failed to begin monitoring: ', error)
  );

Nhưng .. những gì tôi mong đợi sẽ hoạt động như sau trong VueJS:

Trên đầu trang của thành phần tôi nhập nó: import { IBeacon } from '@ionic-native/ibeacon/ngx';

Và sử dụng nó như thế này:

foobar() {
let _ibeacon = IBeacon.Delegate()
  alert('Hi iBeacon');
  _ibeacon.didStartMonitoringForRegion()
    .subscribe(
      data => console.log('didStartMonitoringForRegion: ', data),
      error => console.error()
    );
}

Nhưng ngay cả cảnh báo không được hiển thị. Cách chính xác để sử dụng plugin iBeacon với Vue và ionic là gì?

Nhanh chóng của repo này làm việc. Chỉ cần thay hai tập tin.