How to implement Android Background service in a NativeScript Angular project?

Question

I'm trying to create a background service for nativescript-geolocation to get notifications when an event has been triggered.

I've found a lot of examples for the general NS version, but nothing for the Angular version and I can't find the way to implement it.

Currently, I'm getting Class "com.nativescript.location.BackgroundService" not found. error messages.

Services have been declared in the AndroidManifest.xml, deleted the platforms dir, and did a clean build.

I use this as a reference and trying to create the Angular version of this https://github.com/NativeScript/nativescript-geolocation/tree/master/demo

background-service.ts

import * as geolocation from "nativescript-geolocation";
import { Accuracy } from "tns-core-modules/ui/enums";
import * as application from "tns-core-modules/application";
import { device } from "tns-core-modules/platform";
import * as Toast from "nativescript-toast";

let watchId;

function _clearWatch() {
  if (watchId) {
    geolocation.clearWatch(watchId);
    watchId = null;
  }
}

function _startWatch() {
  geolocation.enableLocationRequest().then(function () {
    _clearWatch();
    watchId = geolocation.watchLocation(
      function (loc) {
        if (loc) {
          let toast = Toast.makeText('Background Location: 
' + loc.latitude + ', ' + loc.longitude);
          toast.show();
          console.log('Background Location: ' + loc.latitude + ' ' + loc.longitude);
        }
      },
      function (e) {
        console.log("Background watchLocation error: " + (e.message || e));
      },
      {
        desiredAccuracy: Accuracy.high,
        updateDistance: 1.0,
        updateTime: 3000,
        minimumUpdateTime: 100
      });
  }, function (e) {
    console.log("Background enableLocationRequest error: " + (e.message || e));
  });
}
application.on(application.exitEvent, _clearWatch);

export function getBackgroundServiceClass() {
  if (application.android) {
    if (device.sdkVersion < "26") {
      @JavaProxy("com.nativescript.location.BackgroundService")
      class BackgroundService extends (android).app.Service {
        constructor() {
          super();
          return global.__native(this);
        }
        onStartCommand(intent, flags, startId) {
          console.log('service onStartCommand');
          this.super.onStartCommand(intent, flags, startId);
          return android.app.Service.START_STICKY;
        }
        onCreate() {
          console.log('service onCreate');
          _startWatch();
        }
        onBind(intent) {
          console.log('service onBind');
        }
        onUnbind(intent) {
          console.log('service onUnbind');
        }
        onDestroy() {
          console.log('service onDestroy');
          _clearWatch();
        }
      }
      return BackgroundService;
    } else {
      @JavaProxy("com.nativescript.location.BackgroundService26")
      class BackgroundService26 extends (android.app).job.JobService {
        constructor() {
          super();
          return global.__native(this);
        }
        onStartJob(): boolean {
          console.log('service onStartJob');
          _startWatch();
          return true;
        }
        onStopJob(jobParameters: any): boolean {
          console.log('service onStopJob');
          this.jobFinished(jobParameters, false);
          _clearWatch();
          return false;
        }
      }
      return BackgroundService26;
    }
  } else {
    return null;
  }
}
export const BackgroundServiceClass = getBackgroundServiceClass();

app.component.tns.ts

import {Component, ElementRef, ViewChild} from '@angular/core';

import { BackgroundServiceClass } from "@src/background-service";


import { Page } from "tns-core-modules/ui/page";
const utils = require("tns-core-modules/utils/utils");
import * as application from "tns-core-modules/application";
import { device } from "tns-core-modules/platform";

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
})

export class AppComponent {




  /* Background servie stuffs */
  page: Page;
  watchIds = [];
  jobId = 308; // the id should be unique for each background job. We only use one, so we set the id to be the same each time.
  com: any;

  constructor(

  ) {

  }

  ngOnInit(){


    application.on(application.exitEvent, this._stopBackgroundJob);


  }

  ngAfterViewInit(){

  }

  _stopBackgroundJob() {
    if (application.android) {
      let context = utils.ad.getApplicationContext();
      const jobScheduler = context.getSystemService((android.content.Context).JOB_SCHEDULER_SERVICE);
      if (jobScheduler.getPendingJob(this.jobId) !== null) {
        jobScheduler.cancel(this.jobId);
        console.log(`Job Canceled: ${this.jobId}`);
      }
    }
  }

    startBackgroundTap() {
      if (application.android) {
        let context = utils.ad.getApplicationContext();
        if (device.sdkVersion >= "26") {
          const jobScheduler = context.getSystemService((android.content.Context).JOB_SCHEDULER_SERVICE);
          const component = new android.content.ComponentName(context, BackgroundServiceClass.class);
          const builder = new (android.app).job.JobInfo.Builder(this.jobId, component);
          builder.setOverrideDeadline(0);
          jobScheduler.schedule(builder.build());
        } else {
          let intent = new android.content.Intent(context, BackgroundServiceClass.class);
          context.startService(intent);
        }
      }
    }
}

AndroidManifest

How to implement Android Background service in a NativeScript Angular project?

Answers (1)

Related Questions