Хобрук: Ваш путь к мастерству в программировании

Как использовать плагин Cordova в ионном конденсаторе с vue.js

Я не могу понять, как использовать этот плагин конденсатора в моем компоненте vue.js. Или любые плагины ionic native или cordova .. https://ionicframework.com/docs/native/contacts

Я могу заставить конденсаторный api работать нормально. https://capacitor.ionicframework.com/docs/apis/device

Любые знания приветствуются!


  • Вы когда-нибудь догадывались об этом? Я хочу сделать то же самое и не могу найти никаких руководств, посвященных этому рабочему процессу. 08.10.2019
  • Я еще не знал. Для меня это не было критичным, поэтому я пока воздержусь. 09.10.2019
  • Кстати, плагин контактов, который фактически поддерживается Cordova, теперь устарел. надеюсь, ионный конденсатор может добавить этот контакт как встроенный плагин 02.12.2019

Ответы:


1

Вот что в итоге сработало для меня:

Я просмотрел плагины на сайте 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 необходимо проводить на вашем устройстве.

Надеюсь, это поможет любому, кто боролся, как я!

24.10.2019
  • Не работает. Как насчет другого плагина cordova, такого как cordova-plugin-qrscanner-allanpoppe2? 31.01.2021

  • 2

    Согласно документации здесь https://capacitor.ionicframework.com/docs/cordova/using-cordova-plugins вы должны уметь

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

    Просто помни

    Важно: Configuration Capacitor не поддерживает переменные установки Cordova, автоконфигурацию или хуки из-за нашей философии, позволяющей вам контролировать собственный исходный код проекта (то есть такие вещи, как хуки, не нужны). Если ваш плагин требует установки переменных или настроек, вам необходимо применить эти настройки конфигурации вручную, сопоставив файл plugin.xml плагина с необходимыми настройками на iOS и Android.

    Обратитесь к руководствам по настройке iOS и Android для получения информации о том, как настроить каждую платформу.

    Проблемы совместимости Некоторые плагины Cordova не работают с Capacitor, или Capacitor предоставляет противоречивую альтернативу. См. Подробности и список известных несовместимостей здесь.

    31.07.2019
  • Как импортировать плагин Ionic Native в проект Vue + Capacitor? С Angular вы обычно включаете его в качестве поставщика, а затем создаете экземпляр в конструкторе, но неясно, как использовать плагины Ionic Native в проекте Vue + Capacitor. Когда я import { BarcodeScanner } from '@ionic-native/barcode-scanner/ngx';, я получаю Can't resolve '@angular/core' in '/node_modules/@ionic-native/barcode-scanner/ngx'. Но когда я пробую import { BarcodeScanner } from '@ionic-native/barcode-scanner';, получаю cordova_not_available. 22.08.2019
  • Новые материалы

    Прогресс в технологии Трансформеров часть 3
    Многомасштабный управляющий сигнальный преобразователь для бесфазного синтеза движения (arXiv) Автор: Линтао Ван , Кун Ху , Лей Бай , Юй Дин , Ваньли Оуян , Чжиюн Ван . Аннотация:..

    Представляем поддержку компонентов Vue.js. Мгновенный HMR и многое другое.
    Хотя у FuseBox уже был плагин Vue, он был базовым и не имел многих функций, которые делали работу с Vue.js такой приятной. Однако с этим выпуском мы рады сообщить, что в FuseBox..

    Приключения в Javascript, часть 1
    Я продолжаю думать о том, чтобы писать больше, но чем больше я думаю об этом, тем меньше я это делаю. Итак, сегодня я перестал думать и начал писать. Отсюда можно только спускаться… В..

    Понимание дженериков в TypeScript: подробное руководство
    Введение TypeScript, строго типизированный надмножество JavaScript, хорошо известен своей способностью улучшать масштабируемость, удобочитаемость и ремонтопригодность приложений. Одной из..

    Учебные заметки JavaScript Object Oriented Labs
    Вот моя седьмая неделя обучения программированию. После ruby ​​и его фреймворка rails я начал изучать самый популярный язык интерфейса — javascript. В отличие от ruby, javascript — это более..

    Разбор строк запроса в vue.js
    Иногда вам нужно получить данные из строк запроса, в этой статье показано, как это сделать. В жизни каждого дизайнера/разработчика наступает момент, когда им необходимо беспрепятственно..

    Предсказание моей следующей любимой книги 📚 Благодаря данным Goodreads и машинному обучению 👨‍💻
    «Если вы не любите читать, значит, вы не нашли нужную книгу». - J.K. Роулинг Эта статья сильно отличается от тех, к которым вы, возможно, привыкли . Мне очень понравилось поработать над..