Ionic loop reading sensor and sending to api

Question

Hello, I need to take consecutive readings of some sensors in Ionic 3.x but I can’t let it completely block the application. tried to do so:

  async disparaLeituras(path_id) {
    while (true) {
      console.log('laço');
      try {
        var gyscope_data = await this.deviceMotion.getCurrentAcceleration();
        console.log(gyscope_data)
      } catch (e) {
        console.log(e); // 30
      }

    }
  }

however this caused the application to lock completely, beyond the acceleration sensor I check the gyroscope and the gps too, they all return Promisses, someone knows the correct way to proceed?

Answer 1

In fact, making multiple requests per second can impair app and backend performance.

You can use the watchAcceleration and the operators of rxjs to limit and / or group the accelerometer data.

Some solution options are

• Gather readings by n seconds and batch send (with bufferTime and mergeMap):

import { bufferTime, mergeMap } from 'rxjs/operators';

(...)

this.deviceMotion.watchAcceleration().pipe(
    bufferTime(2000),
    mergeMap(groupedData => this.apiService.sendBatchData(groupedData)),
).subscribe(response => {
    // Response da api
});

• Collect the last reading each n seconds, discarding intermediate readings (with debauchery):

import { debounceTime, mergeMap } from 'rxjs/operators';

(...)

this.deviceMotion.watchAcceleration().pipe(
    debounceTime(2000),
    mergeMap(singleData => this.apiService.sendData(singleData)),
).subscribe(response => {
    // Response da api
});

Among others. The ideal solution will depend on your use case.