如何在 ionic2 应用程序中使用 iBeacon？

Question

我是ionic framework 的新手，AngularJS。我已经开始使用Ionic ver2（使用AngularJS2）在Ionic framework 学习和开发。

我想知道，如何使用Ionic2 中的外部库？比如使用cordova iBeacon、cordova iBeacon docs。

如何构建我的应用程序，以便我可以使用外部库（像cordov iBeacon）编写一个或多个通用功能，并在我需要的地方在我的应用程序中使用它（在不同的地方页面js）。

或者 - 如何包含执行本机硬件相关操作所需的库？

请随时提出您对此的所有想法和建议。

非常感谢。

Answer 1

终于我自己搞定了。

第 1 步：将插件添加到应用中

通过命令行进入项目文件夹，运行以下命令将插件添加到项目中

sudo cordova plugin add https://github.com/petermetz/cordova-plugin-ibeacon.git

第 2 步：在应用中使用插件

确保在plugins/fetch.json 中添加插件详细信息：

"com.unarin.cordova.beacon": {
        "source": {
            "type": "git",
            "url": "https://github.com/petermetz/cordova-plugin-ibeacon.git",
            "subdir": "."
        },
        "is_top_level": true,
        "variables": {}
    }

在plugins/android.json 和installed_plugins 中有以下几行，

"com.unarin.cordova.beacon": {
            "PACKAGE_NAME": "io.ionic.starter"
        }

就是这样，我们开始在任何页面中使用插件功能，在应用程序中，通过使用变量：cordova.plugins.locationManager

示例用例：

启用设备蓝牙：cordova.plugins.locationManager.enableBluetooth();

注意 如果它不能正常工作，请再次更新插件。要更新cordova-plugin-ibeacon，我首先removed应用程序中的插件和added again。

Answer 2

export class UserPage {constructor(authservice, navcontroller) {
        this.service = authservice;
        this.nav = navcontroller;
        this.distance = 0;    
   }
   getDistance(){
        delegate.didRangeBeaconsInRegion = function (pluginResult) {
              this.distance=pluginResult.beacons[0].rssi;
        };
   }
}