尝试使用 cordova 插件使用 Ionic 和 Angular 制作 BLE 应用程序答案

【问题标题】：Trying to make a BLE app with Ionic and Angular using the cordova plugin尝试使用 cordova 插件使用 Ionic 和 Angular 制作 BLE 应用程序
【发布时间】：2020-05-29 10:47:09
【问题描述】：

我正在努力正确安装所有东西。看来 cordova 和 Ionic 不再兼容了？我不知道。

我正在关注 ionic 的文档，以及它们链接到的 github https://github.com/don/cordova-plugin-ble-central。使用命令行ionic cordova plugin add cordova-plugin-ble-central 安装cordova BLE 插件可以让程序从这里识别BLE 导入 import { BLE } from '@ionic-native/ble/ngx';，但随后应用程序停止构建任何东西。我只是得到一个空白屏幕。

有人可以指导我设置一个 ionic/angular 项目并为 BLE 添加cordova插件吗？我想我了解如何使用该插件，那里的文档非常详尽，但是安装部分很困难。

【问题讨论】：

标签： angular cordova ionic-framework bluetooth-lowenergy cordova-plugins

【解决方案1】：

我知道这是一个迟到的答案，但我刚刚在自己使用 cordova-plugin-ble-central 插件时发现了这个问题。

确保所有软件包都已安装
将插件作为提供程序导入app.module.ts
在您正在使用的页面/组件中导入插件

请确保您还安装了文档中提到的 npm 包 @ionic-native/ble。我发现由于缺少 @ionic-native/core 包而发生了一些错误。两者都可以使用npm 安装。

npm install @ionic-native/ble @ionic-native/core

下一步，请确保您将要使用的插件导入到您的app.module.ts 中。然后将BLE 添加到@NgModule 声明中的提供程序。举个例子：

// other imports...
import { BLE } from '@ionic-native/ble/ngx';

@NgModule({
  declarations: [AppComponent],
  entryComponents: [],
  imports: [
    BrowserModule,
    IonicModule.forRoot(),
    AppRoutingModule
  ],
  providers: [
    BLE, // add BLE here
    { provide: RouteReuseStrategy, useClass: IonicRouteStrategy }
  ],
  bootstrap: [AppComponent],
})
export class AppModule {}

【讨论】：

【解决方案2】：

尝试改用这个插件。 https://ionicframework.com/docs/native/bluetooth-le。我在 ionic v3 上使用该插件已有几年了。

【讨论】：

好的，我试试看！只要我可以让 Ionic 在我的设备上构建。我一直在努力使用 Cordova/gradle/daemon 一段时间。您不会碰巧知道在设备上设置离子应用程序的好指南吗？ Ionic 以外的其他东西，因为他们没有为安装 Java/cordova/etc 提供太多指导……我没有
我不记得启动时的确切步骤。但我只是遵循了一些在线指南，其中大部分来自 ionic 文档。