如何通过vue.js在离子电容器中使用Cordova插件

Question

我不知道如何在vue.js组件中使用此电容器插件。或任何离子本机或cordova插件。 https://ionicframework.com/docs/native/contacts

我可以使电容器api正常工作。 https://capacitor.ionicframework.com/docs/apis/device

任何知识表示赞赏！

Answer 1

根据此处的文档 https://capacitor.ionicframework.com/docs/cordova/using-cordova-plugins 你应该能够做到

npm i cordova-plugin-contacts
npm i @ionic-native/contacts
npx cap sync

请记住

  

重要：配置   电容器不支持Cordova安装变量，自动配置或挂钩，这是因为我们的理念是让您控制本机项目源代码（这意味着不需要挂钩）。如果您的插件需要设置变量或设置，则需要通过在插件的plugin.xml与iOS和Android上的必需设置之间进行映射来手动应用这些配置设置。

     

有关如何配置每个平台的信息，请参阅iOS和Android配置指南。

     

兼容性问题   某些Cordova插件不适用于Capacitor，或者Capacitor提供了相互冲突的替代方案。有关详细信息和已知的不兼容列表，请参见此处。

Answer 2

以下是对我有用的东西：

我查看了Ionic网站上的插件：https://ionicframework.com/docs/native/in-app-purchase（以我为例），然后我进行了安装，运行了npm install cordova-plugin-inapppurchase，然后运行了npm install @ionic-native/in-app-purchase。然后在我的Vue JS文件中，使用import { InAppPurchase } from '@ionic-native/in-app-purchase/ngx';

导入了插件

接下来的部分是让我震惊的。在下一行中，我必须创建一个新变量来访问引用的插件。所以下一行代码是const iap = new InAppPurchase();

然后，您可以访问iap变量，并使用Vue应用程序中记录的所有方法。

请记住，任何Cordova插件测试都需要在您的设备上进行。

希望这对像我一样挣扎的人有所帮助！