基于 Cordova 插件创建节点模块

Question

我目前正在开发一个应用程序，如果该应用程序不在设备上，则需要打开另一个应用程序或带您到相应的商店下载。我正在使用 Ionic 3 和 Angular 4。

为了打开应用程序，我使用了 Ionic 的 Native InAppBrowser，这对于 iOS 和 Android 的 Twitter 和 Facebook 等应用程序都非常有效。它也适用于我试图在 iOS 上打开的当前应用程序。但是，在 android 上，我得到了意图错误。我能够通过原生打开应用程序来解决这个问题，这涉及到我在 InAppBrowser 中打开已转译的代码并将本机代码放在那里。这可能是一个解决方案，但我不喜欢它，因为这意味着如果 InAppBrowser 要更新，我必须记住重新添加我的代码。

这给了我编写自己的插件的想法。我按照本指南创建插件：https://taco.visualstudio.com/en-us/docs/createplugintutorial/ 非常棒，除了测试插件时。我不知道如何在 Angular 中引用插件。我想创建一个与我的插件一起使用的节点模块，以便我可以正确测试。我已经尝试查看当前正在导出插件的节点模块，但我无法通过代码来找出我需要的具体内容。

我希望有人可以向我展示为 Angular 创建插件和节点模块的正确方法，就像 Ionic 使用他们的本机代码所做的那样。

谢谢， 亚历克斯

Answer 1

我真的不知道您创建自己的node_module 是什么意思，但这就是您在 Ionic 中使用自定义 cordova-plugin 的方式（我在这里使用 In-App-Browser 插件作为示例）：

declare var NameOfTheJsModule // tell typescript that this js-module exists

可以在插件的plugin.xml中的name属性下找到js-module的名称：

<js-module src="www/inappbrowser.js" name="inappbrowser">
  ...
</js-module>

所以在这种情况下：

delcare var inappbrowser;

并使用它：

this.inappbrowser.show();

Ionic 对 ionic-native 所做的是将插件的 API 包装到 typescript 类中，以便为您提供类型（这使得在许多情况下使用插件更容易）并使 Angular 更改检测正常工作。