如何在ionic 2中使用cordova插件

Question

我是ionic 2的新手，使用Typescript。我需要使用这个插件https://www.npmjs.com/package/cordova-plugin-nativestorage或类似的东西。我该如何引入这个插件？如何使用非ionic native的插件？这是否可能？

- bajky

---

我在使用inAppPurchase插件时遇到了类似的问题，所以我看到了你的帖子。不幸的是，你没有解决你的问题。我正在这里讨论我的问题：https://forum.ionicframework.com/t/app-bundle-js-not-found/57541 ，也许我们的问题是相同的，可以用同样的方法解决。 - Cedric

Answer 1

你可以通过 Ionic 2 自动安装的 Ionic Native 轻松管理许多 Cordova 插件。

例如，如果你想使用 Cordova Plugin Native Storage，你可以在 Ionic Native 文档中找到这个插件，在这里，并且你可以看到所有必须执行的步骤，以使插件正常工作。

在我们的情况下，你需要通过控制台安装插件：

ionic plugin add cordova-plugin-nativestorage

下一步，在我们的应用程序中导入并使用Ionic Native中的此插件：

import {NativeStorage} from 'ionic-native';

NativeStorage.setItem('myitem', {property: 'value', anotherProperty: 'anotherValue'})
  .then(
    () => console.log('Stored item!'),
    error => console.error('Error storing item', error)
  );

享受。

- Daniel Suchý

---

题目明确说明了“哪一个不是离子性的本地物种”。 - Cocowalla

Answer 2

首先，您需要使用以下命令安装插件：

ionic plugin cordova-plugin-nativestorage --save

然后，您可以像正常使用插件一样使用它。请检查https://github.com/TheCocoaProject/cordova-plugin-nativestorage。

需要检查的几件事：

• 确保已安装插件。请参见上面的命令。
• 在真实设备上进行测试
• 确保您的代码位于deviceready事件内。document.addEventListener('deviceready', this.onDeviceReady, false);

- Tuong Le

---

我正在使用Ionic 2和TypeScript，但我在将它们导入我的应用程序时遇到了问题。我的意思是类似于这样的东西：“import {plugin} from i_don't_know_from_what”。 - bajky

你不需要将其导入到应用程序中。直接使用NativeStorage即可，但它只适用于真实设备，如果在浏览器上测试，则无法运行。 - Tuong Le

当然可以。我也在真实设备上测试了，但它没有起作用。 - bajky

@bajky 到底是什么错误？现在它是否正常工作？如果看起来像是一个普遍性的问题，请随时在我们的 Github 页面上打开一个问题：https://github.com/TheCocoaProject/cordova-plugin-nativestorage/issues - Iceman

@bajky 还要注意的是，作为一个平台，browser也是被支持的，但基本上只能作为 localstorage 的后备方案。 - Iceman