* * * * * родной angular пример кода vuejs - PullRequest
Новая
       7

* * * * * родной angular пример кода vuejs

8 голосов
/ 10 января 2020

С Ioni c Native есть возможность использовать iBeacons через собственный плагин: https://ionicframework.com/docs/native/ibeacon

Пример кода написан для людей, использующих Ioni c с AngularJS, но я использую VueJS, и я не могу понять, как заставить это работать:

Версия Angular примера кода: 

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)
  );

Но ... я ожидал, что в VueJS будет работать следующее:

Поверх моего компонента, импортирующего его: import { IBeacon } from '@ionic-native/ibeacon/ngx';

И используйте его так: 

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

Но даже предупреждение не отображается. Как правильно использовать плагин iBeacon с Vue и ioni c?

1 Ответ

1 голос
/ 15 января 2020

Быстрый из этот репо работал. Просто пришлось заменить два файла.

...