Wie einrichten Cordova-plugin-Projekt mit IDE-Unterstützung?

Ich habe gekämpft, um meine cordova-plugin-Projekt. Vor allem aufgrund der Tatsachen, dass:

  • Plugins müssen in einem separaten Ordner Weg von der Haupt-Projekt

  • Wenn ich zum Beispiel cordova build android um das Projekt zu erstellen, cordova kopiert die java-Datei von meinem plugin-Ordner und legen Sie es in platforms/android/src Ordner.

  • Damit ich nicht ändern, meine plugins .java-Datei in das Android-Projekt manuell, ich Schreibe meinen code in meinem plugin-Ordner.

  • Aber ich kann nicht importieren von plugin-Ordner in der IDE-Projekt, so habe ich nicht die code-Vervollständigung.

  • Es ist im Grunde unmöglich, das schreiben von Java/Objective-C ohne IDE-Unterstützung

Wie kann ich eine IDE(z.B. für Android Studio) Projekt mit code-Vervollständigung für mein plugin-Entwicklung?

  • Gleiche problem hier.. Gerade angefangen mit Cordova / Ionische.. Und ich kann eine benutzerdefinierte Plug-in arbeiten, aber es fehlt der code-Vervollständigung.. Bitte geben Sie aktualisieren, wenn Sie wissen, wie um es zu aktivieren mit (vorzugsweise intellij) Danke
  • Ich bin derzeit mit einem dummy-plugin-Ordner als Geschwister, um mein Haupt-Projekt, und verwenden Sie dann cordova plugin add ../my_plugin nur, um es zu registrieren, zu cordova das interne plugin registry. Dann verwenden Sie die Befehlszeile zum erstellen der app. Dann importieren Sie das Projekt in Android Studio mit 'Import from gradle-Skript'. Dann schreiben Sie Ihr plugin wie ein normales android-Projekt. Aber SEIN GESCHIRR, schreiben Sie Ihre js-Schnittstelle in der plugin Ordner in Ihrem Haupt-Projekt und schreiben .java-Datei in den src-Ordner von Ihrem android-Projekt. Und bauen in Android Studio. Wenn Sie Ihre js-Schnittstelle, Sie müssen die CLI verwenden.
  • vielen Dank für den workaround! Ich war ein bisschen Angst, es würde und so, viele springen um in de die IDE ' s.. ich werde Folgen, du bist Weg, und lassen Sie wissen, in diesem Thema, wenn ich eine all-in-one-Lösung.. Danke!
  • Seine nicht viel von einer Lösung, aber ich fing an, Folgendes.. ich habe einen zweiten editor öffnen, der eine gültige android-Projekt und ein Paket mit identischen Datei-Struktur wie die cordova-plugin enthalten und die Cordova Java-Dateien, so dauert die code-completion auch für die Cordova Sachen.. ich Schreibe er das plugin in der jeweils geltenden android-IDE und kopieren Sie einfach/Vergangenheit alles in das plugin-IDE-wenn Sie fertig sind.. Das spart mir irgendwann.. Hoffe es hilft.
  • kann man teilen eine Vorlage Projekt, an dem ich arbeiten kann? @DutchKev
  • Es gibt auch tools, die Vereinfachung der plugin-Entwicklung: plugdev, cordova-plugin-plugin-auto-upgrade.

InformationsquelleAutor CarlLee | 2015-09-18
  1. 37

    Entwicklung einer Cordova-plugin ist ein bisschen wie ein Schmerz.

    Hier ist ein Weg, es zu tun :

    1. Erstellen, die die grundlegenden Dateien von plugin (plugin.xml Datei .java - Datei für Android-plugin, .h und .m - Dateien für iOS) in einem separaten Ordner für das plugin
    2. In Ihrem plugin.xml was notwendig ist, um das plugin zu installieren
    3. Installieren Sie das plugin in Ihren Cordova-app : cordova plugin add /path/to/pugin
    4. Bauen die Plattformen entwickeln möchten, ist das plugin. cordova build android oder cordova build ios

    Dann für jede Plattform, haben Sie nach der Arbeit direkt auf dein plugin in die Bauten Projekt :

    • Android : öffnen Sie mit Android Studio die Bauten Android-Projekt befindet sich in yourCordovaAppFolder/platforms/android mit "Import project (Eclipse ADT, Gradle, etc.)"

      1. Öffnen Sie die Project tool-Fenster : Ansicht - > Tools-Fenster > Projekt , oder ⌘ + 1
      2. Öffnen Sie die plugin-Klasse-Datei befindet sich unter : android - > java - > com.Ihre.plugin - > YourPlugin

    • iOS : öffnen Sie mit Xcode die Bauten iOS-Projekt befindet sich in yourCordovaAppFolder/platforms/ios
      In Xcode, wird die plugin-Klasse-Dateien befinden sich in der Plugins Ordner

    Dann können Sie entwickeln und testen direkt das plugin für jede Plattform ohne die Notwendigkeit, installieren Sie es wieder und wieder und wieder... nur führen Sie das Projekt aus Android Studio/Xcode, und nicht neu installieren das plugin, es zu löschen, was Sie getan haben, in das Projekt.

    Wenn Sie denken, dass Ihre Entwicklungen fertig sind (oder wenn Sie wollen, ersetzen Sie die plugin-Datei(en) im original plugin Ordner erstellt auf den ersten Schritt, mit dem man sich aus dem Projekt waren die Entwicklung auf.

    EDIT :

    Habe ich entdeckt, dass Eclipse ein update gemacht letzten Sommer, Eclipse Mars (4.5) enthält Thym (Die Hybride Mobile-Tools).

    Falls notwendig Sie haben eine Github Projekt Seite.

    Habe ich schnell geprüft, es ermöglicht das erstellen von Cordova-Projekte, einfaches hinzufügen von Plug-ins und führen Sie direkt auf die gewünschte Plattform (Android, iOS).

    Microsoft hat auch eine Kostenlose version von Visual Studio für Apache Cordova, aber ich habe es noch nicht getestet.

    Bezüglich Eclipse mit Thym, meine erste kurze Fazit ist, dass es praktisch in der Entwicklung von Cordova-apps aber nicht DIE ultimative Lösung zu entwickeln Cordova plugins, denn es orientiert sich nicht auf diese Weise, und sei nicht für plugins, aber apps machen (und es ist wahrscheinlich das gleiche für Visual Studio, Apache Cordova).

    Durch die Art, wie ich hatte einige Probleme, zum launch der iOS-simulator mit Eclipse+Thym, also vielleicht braucht es noch Verbesserungen, auch wenn es sieht schon gut aus.

    • Hey, ich weiß nicht, wenn Sie überprüft haben, meine Kommentare, die ich verwendet, die genau die gleiche Lösung, bevor Sie die Frage beantwortet. Sie können sicher verwenden cordova build android im CLI, es werden nur ersetzen Sie den javascript-code und Java-code bleibt intakt
    • Oh ja, danke für den Hinweis, ich verpasste Ihr Kommentar, sorry. Ich lasse meine Antwort für diejenigen, die es brauchen, und, wenn ich eine bessere Lösung, dann Teile ich es hier
    • Ich habe ein kleines update für IDEs, die es ermöglichen, Entwicklung von Cordova-apps 🙂
    • Wenn Sie denken, der Verwendung von Eclipse (mit THyM) wie möglich IDE könnte ich schlage vor, dass Sie einen Blick auf das JBoss Developer Studio plugin. Es hat mir wirklich geholfen, eine Menge bei lernen Cordova, Sie haben einige gute demo-Projekte können Sie viel lernen.
    • Jede dieser Optionen haben, debugging-support für die plugins? Mein Hauptproblem ist, ich habe keine Möglichkeit zum Debuggen der .java-oder ios-code, der lebt hinter dem JS und Thym unterstützt nicht das Bearbeiten, was aber die www-Ordner. Es flippt sonst.
    • Wenn Sie die app ausführen, die mit dem native development IDEs (Xcode, Android Studio), können Sie Debuggen das native plugin-code. Es ist wirklich ein Schmerz entwickeln ein Cordova-plugin.
    • Große (für jetzt) das ist die Lösung! Vielen Dank Niko und CarlLee!

    InformationsquelleAutor Niko
  2. 13

    Die Lösung, die ich neigen dazu, zu verwenden, folgt, dass die Niko in der akzeptierten Antwort. Jedoch, ich fügen Sie die --link-flag beim hinzufügen des plugin:

    cordova plugin add --link ../cordova-plugin-example

    die (zumindest auf dem Mac und wohl auch Linux) erstellt symbolische links, um das plugin Verzeichnis, anstatt Sie zu kopieren. Dann, Bearbeiten Sie die plugin-Dateien in das Android-Projekt in "platforms/android' mit Android Studio ändert die Dateien in das plugin-Verzeichnis. Dadurch kann die plugin-Verzeichnis separate (und unter seine eigene version control). Und das entfernen und hinzufügen des plugin sollte - zumindest theoretisch - nicht verlieren änderungen an der plugin.

    Sollte der Ansatz funktioniert ebenso für iOS-plugins.

    Vorsicht, ich habe keine Ahnung, ob oder wie --link funktioniert auf Windows-Rechnern.

    Hinweis: ich fand diese option in der Hilfe:

    cordova help plugin

    gibt:

         [...]
     [--link] ... when installing from a local path, creates a symbolic link to the plugin
                  instead of copying files. The extent to which files are linked vs copied
                  varies by platform. Useful for plugin development.
    InformationsquelleAutor anty
  3. 1

    Gibt es viel einfachere Lösung für Android Studio und Cordova Plugin: Nach dem hinzufügen von android-Plattform, cordova erstellt ein android-Projekt unter Plattformen/android und Sie können das erstellen von cordova-plugin-Ordner unter android Projekt, und fügen Sie plugin-Projekt mit der Befehl. Also, Sie brauchen nicht zu verwenden, ein weiteres für Java. Wie gesagt, es werden zwei java-Dateien : /src und /PluginDevelopmentFolder. cordova build android nicht manipulieren java-Datei. Ich Hinzugefügt Dateibaum zu bestätigen:

    Wie einrichten Cordova-plugin-Projekt mit IDE-Unterstützung?

    • Dies ist nicht ratsam, manchmal müssen Sie hinzufügen/entfernen-Plattform manuell. so ein cordova platform rm android tatsächlich entfernen Sie diesen Ordner und alle seine Inhalte.
    • Ja das ist richtig, aber der Bedarf ist Bearbeiten java-Dateien diese stick-Projekt. was ist der Punkt, den zu entfernen?
    • Manch ein Zeiten würden Sie mit einer situation konfrontiert, wenn plugin nicht korrekt Hinzugefügt, oder Sie haben alles richtig gemacht, aber die plugin-Funktionen werden nicht ausgeführt. In diesem Fall hätten Sie zu entfernen und fügen Sie die Plattform erneut. Passiert es. Seine gibt.
    • Was können Sie Bearbeiten, Ihre Antwort ist... Nicht wie hier (die Methode, die Sie geschrieben) , dann kopieren Sie den gesamten .java(oder Inhalt der Datei) die Datei in den eigentlichen plugin-Verzeichnis. Dies ist, was die meisten Entwickler tun, gerade jetzt. PS. einfacher zu verwenden-Android-Studio.
    InformationsquelleAutor adnbsr
  4. 1

    Möchte ich Ihnen noch einen anderen workflow für die Entwicklung von Cordova-plugins. Es Konzept ist ähnlich wie die workflows bereits erwähnt, mit dem Unterschied, dass ich wie ein eigenständiges Projekt zu pflegen + test + debug den plugin-code, ohne die Notwendigkeit für einen separaten test-Anwendung.

    Den Umriss der workflow sieht wie folgt aus.

    Step 1 - Prepare the Cordova platform.
1.1 Download android release cordova-android-x.y.z.zip of the version you want from the github source site:
https://github.com/apache/cordova-android

1.2. Expand the archive, go to framework/ directory
1.3. create a local.properties file with contents: 'sdk.dir=/opt/android-sdk'
     Adjust the path so that it points to the location of the Android SDK on your machine.
1.4. Execute: 'ant jar'
The result is a cordova-x.y.z.jar

Step 2 - Create/test the plugin with IDE support.
2.1. Create an empty Android project using Android Studio.
2.2. Copy the cordova-x.x.x.jar to the app/libs directory of your project.
2.3. Create the plugin code + unit tests (you have code completion and can build the code using the unit tests).
2.4. OPTIONAL If necessary you can add a webview and test the code inside the webview as described here
https://cordova.apache.org/docs/en/latest/guide/platforms/android/webview.html

Step 3 - Package plugin files.
3.1. Create a plugin project with plugman.
3.2. Copy the files from the development project into the plugin project
3.3. Deploy and reuse.

    Den letzten Schritt 3 könnte automatisierten, ich persönlich habe nie um dies zu tun.

    InformationsquelleAutor Bruno Ranschaert
  5. 1

    Lesen Sie diese https://cordova.apache.org/docs/en/edge/guide_appdev_hooks_index.md.html

    Ich benutze NetBeans IDE auf Debian Jessie. (NetBeans ist die beste IDE für mich, verwenden Sie es für QT, PHP, und jetzt Cordova. Aber es nutzt eine Menge Speicher.)

    Nachdem ich push auf "erstellen" mein shell-Skript entfernt, installiert und führt die neu erbaute app, in der VirtualBox (mit adb). Ich glaube nicht, verschieben Sie plugins, um anderen Verzeichnis, weil ich es nicht brauchen, aber Sie können Ihr Verzeichnis und manuell-plugin, und dann auf den include-plugin, ein script.

    InformationsquelleAutor webmak10
Schreibe einen Kommentar