Comment utiliser les fonctions IBM MFP 8.0 (WL, WLResourceRequest) dans le développement ionique 2

Question

Je suis un nouveau venu dans IBM MobileFirst 8.0. Comment utiliser les fonctions IBM MFP (WL, WLResourceRequest) dans des projets ioniques 2?

J'ai créé un projet Ionic et ajouté un plugin MFP et j'ai ajouté les lignes ci-dessous dans le fichier Home Component TS.

WL.Client.setSharedToken({key: "name", value: "Karhik"}); 
    let str: String = WL.Client.getSharedToken({key: "name"}); 
    console.log(str); 

Mais je reçois l'erreur ci-dessous. Comment résoudre le problème Ou tout document donné de référence pour ionique 2 + IBM MFP 8.0

Et j'ai essayé de comme ça ci-dessous. Mais la même erreur est renvoyée,

Home.ts 

import { Component } from '@angular/core'; 
import { NavController } from 'ionic-angular'; 
import { Device } from '@ionic-native/device'; 

declare var wlCommonInit:() => { 

}; 

declare var WL; 

@Component({ 
    selector: 'page-home', 
    templateUrl: 'home.html', 
    providers: [ Device ] 
}) 
export class HomePage { 

    constructor(public navCtrl: NavController, private device: Device) { 
    console.log("device platform " + device.platform); 

    WL.Client.setSharedToken({key: "name", value: "Karhik"}); 
    let str: String = WL.Client.getSharedToken({key: "name"}); 
    console.log(str); 
    } 

    wlCommonInit() { 
    console.log("wlCommonInit TRIGGERED"); 

    } 

} 

Mais cela ne fonctionne pas. Je dois savoir comment utiliser IBM MFP 8.0 dans IONIC 2

Après avoir ajouté le code dans Main.ts Ci-dessous erreur est retournée dans la console.

Answer 1

WL doit être chargé avant d'autres fichiers javascript pour les fonctions WL soient disponibles dans ces fichiers. L'initialisation de WL se produit dans wlcommoninit() (son utilisation peut être trouvée here). L'approche recommandée consiste à s'assurer que les autres fichiers js sont chargés dans cette fonction.

Une alternative pour surmonter ce problème est de s'assurer que les 3 scripts ci-dessous sont inclus avant les autres scripts js dans le HTML.

<script type="text/javascript" src="cordova.js"></script> 
<script type="text/javascript" src="js/platform.js"></script> 
<script type="text/javascript" src="js/main.js"></script> 

Answer 2

Ajoutez la ligne suivante avant que les déclarations d'importation au lieu de déclarer WL et wlCommonInit.

/// <reference path="../../../plugins/cordova-plugin-mfp/typings/worklight.d.ts" />

Cela devrait résoudre le problème que vous faites face.