Ember voor uw ArcGIS API JavaScript

ReneRubalcava

<\/HEAD>

<\/P>

Niet zo lang geleden plaatste Jeff Jackson een blogpost over het gebruik van Ember met de ArcGIS API for JavaScript<\/A>. Dit geeft een vrij goede samenvatting van hoe je EmberJS<\/A> kunt gebruiken met de ArcGIS API for JavaScript<\/A>. Ember zelf is de laatste tijd flink gegroeid, veel van deze groei kan worden toegeschreven aan de populariteit van ember-cli<\/A>.<\/P>

<\/P>

Wat is ember-cli?<\/EM><\/STRONG> Ik ben blij dat je het vraagt.<\/H2>Ember-cli is een commandoregeltool voor het scaffolden, testen en uitvoeren van applicaties gebouwd met Ember, op de Ember-manier. Zie je, Ember is een extreem opiniërend framework. Je denkt misschien, Ik heb geen framework nodig dat me vertelt hoe ik apps moet bouwen!<\/EM> Ja, dat is eigenlijk wat een framework doet. Sommige zijn iets flexibeler dan andere. Ik zeg niet dat Ember niet flexibel is, ik weet zeker dat je verschrikkelijke apps kunt schrijven in Ember zoals in elk ander framework<\/EM>, maar waar de opiniërende manier van werken echt uitblinkt is wanneer je met teams werkt. Het is best fijn om te weten dat alles op dezelfde manier wordt gedaan.<\/P><\/P>Ember-cli is een geweldig hulpmiddel om dit proces te versnellen. Zie het als Yeoman<\/A>, maar super gestroomlijnd en met veel meer functies. En met meerdere ontwikkelaars die aan dezelfde app werken, zorgt het gebruik van ember-cli voor veel meer harmonie. Een paar commando's hier en daar, ingebouwde generators en talloze addons<\/A>. En hier komt de ArcGIS API for JavaScript om de hoek kijken.<\/P>

<\/P>

Je ziet, ember-cli gebruikt een minimale AMD-loader. Wat betekent minimaal? Het is niet zoals RequireJS of Dojo loader, het is gewoon een synchrone loader met een woordenboek van modules. Je kunt niet zomaar een echte AMD-loader erin stoppen ter vervanging. Je applicatie zal exploderen. Geloof me, ik heb het geprobeerd, vele variaties van dit scenario. Het eindigde allemaal in tranen en vlammen. Dus wat moet iemand doen? Een addon bouwen!<\/P>

<\/P>

Voeg het allemaal toe!<\/H2>Ik ben dieper ingegaan op de addon in een recente blogpost<\/A>, maar wat het in essentie doet is dat je RequireJS of Dojo AMD loader parallel kunt gebruiken met de ember-cli loader. De AMD loader kan worden geïnstalleerd via bower<\/A> of kan worden gelinkt vanaf een CDN. Je kunt de broncode in de repo van de ember-cli-amd<\/STRONG> addon hier bekijken<\/A>. De addon zelf is niet specifiek voor de ArcGIS API for JavaScript, maar door gebruik te maken van de CDN-optie voor de AMD loader kun je deze gebruiken om Ember-applicaties te bouwen met de ArcGIS API for JavaScript.<\/P><\/P>Als je dit wilt uitproberen, kun je ember-cli installeren en deze demo repo<\/A> bekijken die laat zien hoe je het gebruikt. De applicatie voor deze repo kan hier bekeken worden<\/A>.<\/P>

<\/P>

Wat de addon doet is kijken naar de configuratie van je applicatie:<\/P>

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

https:\/\/js.arcgis.com\/3.13\/<\/'SPAN>,
  amdPackages: [ \/\/- door gebruiker gedefinieerde AMD-pakketten
    'esri','dojo','dojox','dijit',
    'put-selector','xstyle','dbind','dgrid'
  ]
});<\/'PRE>

<\/'P>

Die amdPackages<\/'STRONG>-optie is essentieel. De addon gebruikt

esprima<\/'A> om de code in je Ember-app te analyseren, alle modules te vinden die een root hebben die voorkomt in de amdPackages<\/'STRONG>-optie en zal die modules via AMD voorladen<\/'EM>. Er is nog wat andere zwarte magie<\/'EM> die ervoor zorgt dat de AMD-loader parallel draait met de ember-cli loader voor modules die mogelijk dynamisch geladen moeten worden, maar dat is het belangrijkste punt. Je kunt nu ArcGIS API for JavaScript-applicaties bouwen met behulp van ember-cli.<\/'EM>Ik heb veel plezier gehad bij het schrijven van deze addon en ik heb veel geleerd, meer dan ik eigenlijk had verwacht over Ember en ember-cli tooling. Ik heb een openstaande PR naar een dependency die een paar problemen oplost bij het bouwen van de ember-cli app, maar op dit moment werkt het prima. Je kunt details vinden in de README<\/'A>.

Ik raad je ten zeerste aan om eens te proberen

ember-cli<\/'A> te gebruiken om je ArcGIS API for JavaScript-apps te bouwen met behulp van de ember-cli-amd<\/'A>-addon. Ik geef toe dat Ember in het algemeen misschien een vreemde leercurve heeft, maar ik denk dat ember-cli enorm helpt om alles in context te plaatsen.

Voor meer geodev tips en trucs,

bekijk mijn blog<\/'A>.