如何在Ionic 2开发中使用IBM MFP 8.0函数（WL，WLResourceRequest）

Question

我刚接触IBM MobileFirst 8.0。 在ionic 2项目中如何使用IBM MFP函数（WL，WLResourceRequest）？

我创建了一个Ionic Project并添加了MFP插件，并将以下几行添加到了Home Component TS文件中。

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

但是我收到以下错误。 如何解决问题。 或给出了有关Ionic 2 + IBM MFP 8.0的任何参考文档

我试图在下面喜欢这个。 但是返回相同的错误，

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

  }

}

但它不起作用。 我需要知道如何在IONIC 2中使用IBM MFP 8.0

将代码添加到Main.ts之后，控制台中将返回以下错误。

Answer 1

必须先加载WL，然后才能加载其他javascript文件，以便WL函数在这些文件中可用。 WL的初始化发生在wlcommoninit() （可在此处找到其用法）。 推荐的方法是确保在此函数中加载其他js文件。

解决此问题的另一种方法是确保html中的其他js脚本之前包含以下3个脚本。

<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

在import语句之前添加以下行，而不是声明WL和wlCommonInit 。

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

这应该可以解决您面临的问题。