Ember für Ihre ArcGIS API JavaScript

ReneRubalcava

<\/HEAD>

<\/P>

Vor nicht allzu langer Zeit veröffentlichte Jeff Jackson einen Blogbeitrag über die Verwendung von Ember mit der ArcGIS API for JavaScript<\/A>. Dieser Beitrag gibt eine ziemlich gute Übersicht darüber, wie man EmberJS<\/A> mit der ArcGIS API for JavaScript<\/A> verwenden kann. Ember selbst hat sich in letzter Zeit stark weiterentwickelt, ein großer Teil dieses Wachstums ist auf die Popularität von ember-cli<\/A> zurückzuführen.<\/P>

<\/P>

Was ist ember-cli?<\/EM><\/STRONG> Ich freue mich, dass Sie fragen.<\/H2>Ember-cli ist ein Kommandozeilenwerkzeug zum Erstellen, Testen und Ausführen von Anwendungen, die mit Ember auf die Ember-Art gebaut sind. Sie sehen, Ember ist ein äußerst meinungsstarkes Framework. Sie denken vielleicht: Ich brauche kein Framework, das mir vorschreibt, wie ich Apps bauen soll!<\/EM> Ja, genau das macht ein Framework. Einige sind etwas flexibler als andere. Ich sage nicht, dass Ember nicht flexibel ist, ich bin sicher, man könnte in Ember genauso schreckliche Apps schreiben wie in jedem anderen Framework<\/EM>, aber wo seine meinungsstarke Art wirklich glänzt, ist bei der Arbeit in Teams. Es ist ziemlich angenehm zu wissen, dass alles auf dieselbe Weise gemacht wird.<\/P><\/P>Ember-cli ist ein großartiges Werkzeug, um diesen Prozess zu beschleunigen. Man kann es sich vorstellen wie Yeoman<\/A>, aber super schlank und mit viel mehr Funktionen. Und wenn mehrere Entwickler an derselben App arbeiten und ember-cli verwenden, herrscht viel mehr Harmonie. Ein paar Befehle hier und da, eingebaute Generatoren und jede Menge Addons<\/A>. Und hier kommt die ArcGIS API for JavaScript ins Spiel.<\/P>

<\/P>

Sie sehen, ember-cli verwendet einen minimalen AMD Loader. Was bedeutet minimal? Es ist nicht wie RequireJS oder Dojo Loader, es ist nur ein synchroner Loader mit einem Wörterbuch von Modulen. Man kann nicht einfach einen echten AMD Loader einsetzen, um ihn zu ersetzen. Ihre Anwendung würde explodieren. Glauben Sie mir, ich habe es versucht, viele verschiedene Varianten dieses Szenarios. Es endete immer in Tränen und Flammen. Also was soll man tun? Ein Addon bauen!<\/P>

<\/P>

Alles hinzufügen!<\/H2>Ich bin in einem aktuellen Blogbeitrag<\/A> näher auf das Addon eingegangen, aber im Wesentlichen ermöglicht es Ihnen die parallele Nutzung von RequireJS oder Dojo AMD Loader zusammen mit dem ember-cli Loader. Der AMD Loader kann über bower<\/A> installiert oder von einem CDN verlinkt werden. Den Quellcode des ember-cli-amd<\/STRONG>-Addons hier im Repo<\/A> können Sie einsehen. Das Addon selbst ist nicht spezifisch für die ArcGIS API for JavaScript, aber durch die Nutzung der CDN-Option für den AMD Loader können Sie damit Ember-Anwendungen mit der ArcGIS API for JavaScript erstellen.<\/P><\/P>Wenn Sie das ausprobieren möchten, können Sie ember-cli installieren und dieses Demo-Repo<\/A> ansehen, das zeigt, wie man es verwendet. Die Anwendung für dieses Repo kann hier angesehen werden<\/A>.<\/P>

<\/P>

Das Addon schaut sich die Konfiguration Ihrer Anwendung an:<\/P>

var app = new EmberApp({
  srcTag: '<\/'SPAN>

https:\/\/js.arcgis.com\/3.13\/<\/'</A>,
  amdPackages: [ \/\/- vom Benutzer definierte AMD-Pakete
    'esri','dojo','dojox','dijit',
    'put-selector','xstyle','dbind','dgrid'
  ]
});<\/'PRE>

<\/'P>

Die Option amdPackages<\/'STRONG> ist dabei entscheidend. Das Addon verwendet

esprima<\/'A>, um den Code Ihrer Ember-App zu analysieren, alle Module zu finden, deren Wurzel in der Option amdPackages<\/'STRONG> enthalten ist und lädt diese Module via AMD vor (preload<\/'EM>). Es gibt noch einige andere Black Magic<\/'EM>, die es macht, um den AMD Loader parallel zum ember-cli Loader laufen zu lassen für alle Module, die dynamisch geladen werden müssen, aber das ist im Wesentlichen der Kern davon. Sie können jetzt ArcGIS API for JavaScript-Anwendungen mit ember-cli bauen.<\/'EM>Ich hatte viel Spaß beim Schreiben dieses Addons und habe eine Menge gelernt – mehr als ich wirklich erwartet hatte über Ember und ember-cli Tools. Ich habe einen ausstehenden PR für eine Abhängigkeit, der einige Probleme beim Bauen der ember-cli App behebt, aber momentan funktioniert es gut. Details finden Sie in der README-Datei<\/'A>.

Ich empfehle Ihnen dringend, sich mit dem Einsatz von

ember-cli<\/'A> vertraut zu machen, um Ihre ArcGIS API for JavaScript Apps mit dem ember-cli-amd<\/'A>-Addon zu erstellen. Zugegeben: Ember hat allgemein eine etwas eigenartige Lernkurve, aber ich denke, ember-cli hilft sehr dabei alles in den Kontext zu setzen.<\/'P>

Für weitere geodev Tipps und Tricks besuchen Sie meinen

Blog<\/'A>. <\/'BODY>