WebView-Code (JavaScript) bearbeiten

WebView-Ressourcen lassen sich besser in einer IDE mit automatischer Vervollständigung für JavaScript bearbeiten.

In Xcode, Android Studio und Visual Studio gibt es umfassende Bearbeitungsfunktionen für Objective-C, Swift, C# und and Java™. Hinsichtlich der Unterstützung für die Bearbeitung von JavaScript kann es jedoch Einschränkungen geben. Zur Vereinfachung der JavaScript-Berabeitung enthält das MobileFirst-Cordova-Projekt eine Definitionsdatei für die automatische Vervollständigung von MobileFirst-API-Elementen.

In jedem MobileFirst-Cordova-Plug-in gibt es eine Konfigurationsdatei d.ts für jede MobileFirst JavaScript-Datei. Der Dateiname von d.ts passt zum Namen der entsprechenden JavaScript-Datei. Die Konfigurationsdatei befindet sich im Plug-in-Ordner. Die Datei das MobileFirst-Haupt-SDK befindet sich beispielsweise an folgender Position:

[myapp]\plugins\cordova-plugin-mfp\typings\worklight.d.ts

Diese Definition ermöglicht die automatische Vervollständigung in allen IDEs mit TypeScript-Unterstützung:

TypeScript Playground

Visual Studio

WebStorm

WebEssentials

Eclipse

Die Ressourcen (HTML- und JavaScript-Dateien) für WebView befinden sich im Ordner [myapp]\www. Wenn das Projekt mit dem Befehl cordova build erstellt oder der Befehl cordova prepare ausgeführt wird, werden diese Ressourcen in den entsprechenden Ordner www, d. h. in [myapp]\platforms\ios\www, [myapp]\platforms\android\assets\www oder [myapp]\platforms\windows\www, kopiert.

Wenn Sie den App-Hauptordner in einer der vorgenannten IDEs öffnen, bleibt der Kontext erhalten. Der IDE-Editor ist jetzt mit den relevanten d.ts-Dateien verlinkt und kann die MobileFirst-API-Elemente während Ihrer Eingabe automatisch vervollständigen.