Ionic2 / Fabric

Hello,

Please let me know how do i need to use the plugin on Ionic2, here’s my code :

import {Component} from ‘@angular/core’; import {Platform, ionicBootstrap} from ‘ionic-angular’; import {StatusBar, Push} from ‘ionic-native’; import {TabsPage} from ‘./pages/tabs/tabs’; import {HTTP_PROVIDERS} from ‘@angular/http’; import {CloudSettings, provideCloud} from ‘@ionic/cloud-angular’;

const cloudSettings: CloudSettings = { ‘core’: { ‘app_id’: ‘363e500b’ } };

@Component({ template: ‘<ion-nav [root]=“rootPage”></ion-nav>’, providers: [HTTP_PROVIDERS] }) export class MyApp {

private rootPage: any;

constructor(private platform: Platform) { this.rootPage = TabsPage;

platform.ready().then(() => {

  StatusBar.styleDefault();

  var push = Push.init({
    ios: {
      alert: "true",
      badge: true,
      sound: 'false'
    }
  });

  push.on('registration', (data) => {
    console.log(data.registrationId);
    alert(data.registrationId.toString());
  });

  push.on('notification', (data) => {
    console.log(data);
    alert("Hi, Am a push notification");
  });

  push.on('error', (e) => {
    console.log(e.message);
  });


});

} }

ionicBootstrap(MyApp, [provideCloud(cloudSettings)]);

Thanks

[mebibou]

For those struggling with this:

1. In your tsconfig.json add:

"files": [
    "plugins/cordova-fabric-plugin/typings/cordova-fabric-plugin.d.ts"
  ]

1. In app.module.ts declare a custom error handler:

class MyErrorHandler extends IonicErrorHandler {
  handleError(error) {
    super.handleError(error);

    // example for logging on Android
    fabric.Crashlytics.sendNonFatalCrash(error);
  }
}

And use this handler in the providers of the module:

providers: [
  {provide: ErrorHandler, useClass: MyErrorHandler}
  ...
]

[davidquon]

For installing Fabric.io: https://www.npmjs.com/package/cordova-fabric-plugin#install

Then I was able to test Fabric.io and Crashlytics using:

(<any>window).fabric.Crashlytics.addLog("about to send a non fatal crash for testing!");
(<any>window).fabric.Crashlytics.sendNonFatalCrash("Error message")

Related links that I found useful: http://stackoverflow.com/a/30740935/6930701 http://stackoverflow.com/a/13480754/6930701 http://stackoverflow.com/a/18475706/6930701

Ionic Info (although these specific versions may not be required):

$ ionic info

Your system information:

Cordova CLI: 6.4.0
Gulp version:  CLI version 3.9.1
Gulp local:   Local version 3.9.1
Ionic Framework Version: 2.0.0-beta.11
Ionic CLI Version: 2.0.0-beta.37
Ionic App Lib Version: 2.0.0-beta.20
ios-deploy version: Not installed
ios-sim version: Not installed
OS: Mac OS X El Capitan
Node Version: v7.0.0
Xcode version: Xcode 8.1 Build version 8B62 

Lastly I only tested on Android so I’m not 💯 about any other platform.