Las vías para comenzar una aplicación ArcGIS JS API

ReneRubalcava

<\/HEAD>

<\/P>

<\/P>

Si estás usando la ArcGIS API for JavaScript para construir una aplicación de tamaño moderado, probablemente la estés construyendo a partir de diferentes módulos. Si ese es el caso, probablemente estés usando una configuración estándar dojoConfig como se describe en la documentación en línea<\/A>. Lo que quizás no sepas es que la configuración global dojoConfig no es la única forma de empezar la fiesta<\/EM>.<\/P><\/P>

Ningún camino único<\/H2>Así que aquí está cómo podrías configurar tradicionalmente tu dojoConfig para iniciar tu aplicación.<\/P>Opción 1<\/H4>var dojoConfig = { \/\*cosas\*\/ };
require(['dependency1', 'dependency2'], function(dep1, dep2) {
  \/\* cosas geniales de desarrollo web \*\/
});<\/PRE><\/P>También podrías añadirlo a la etiqueta script.<\/P>Opción 2<\/H4><script src="\/* esrijs api url *\/" data-dojo-config="isDebug:true, packages=[\/* cosas *\]"><\/script><\/PRE><\/P>Pero encuentro que esto realmente no funciona cuando se necesita una configuración más grande.<\/P><\/P>Este es otro enfoque viable.<\/P>Opción 3<\/H4>require({
  packages: \/\* cosas *\/
});
require(['dependency1', 'dependency2'], function(dep1, dep2) {
\/\* cosas geniales de desarrollo web *\/
});<\/PRE><\/P>Pero hay otra forma más de configurar e iniciar tu aplicación.<\/P>Opción 4<\/H4>require({
  packages: [{
     name: 'app', location: \/\*en algún lugar*\/
  }. {
    \/\* más paquetes *\/
  }]
}, ['app']);
\/\/ app\/main.js en tu app
require(['dependency1', 'dependency2'], function(dep1, dep2) {
\/\* cosas geniales de desarrollo web *\/
});<\/PRE><\/P>Como vimos en esta publicación sobre módulos Dojo<\/A>, cuando pides un paquete completo, como un directorio con Dojo, asume que hay un archivo main.js<\/SPAN> en el directorio para ese paquete. Así es como funciona esto.<\/P><\/P>

Algunas advertencias<\/H2>No estoy seguro si he escrito sobre usar ES6 para ArcGIS JS Dev, pero hice una presentación sobre ello en el Developer Summit más reciente. Puedes ver el video aquí<\/A>. Una de las advertencias al usar ES6 es que los transpilers, como Babel <\/A>convertirán las declaraciones import<\/SPAN> a declaraciones define<\/SPAN>, pero no hay forma de obtener una declaración require. Así que todavía depende de ti crear al menos un punto único de entrada require para que tu aplicación comience.<\/P><\/P>Así que esto:<\/P>import map from 'esri\/map';<\/PRE><\/P>Se convierte en esto:<\/P>define(['esri\/map'], function(Map) { \/\*cosas*\/. });<\/PRE><\/P>Ok. no es exactamente así, los transpilers al compilar a módulos AMD usarán los módulos exports<\/SPAN> y modules<\/SPAN> para hacer algunas cosas que pueden parecer extrañas en el código compilado,<\/EM> pero el resultado final es básicamente como se muestra arriba.<\/P><\/P>Por esta razón, normalmente hago esto ahora.<\/P><script>dojoConfig = { \/\* configuración *\};<script>
<script src=\"\\/\\/js.arcgis.com\\/3.13\\/\"><script>
<script>require(['app/main'], function(){});</script>
// app/main.js
define(['dependency1', 'dependency2'], function(dep1, dep2) {
\/\* cosas geniales de desarrollo web *\/
});<\/PRE><\/P>Puedes ver un ejemplo de esto en un repositorio de prueba <\/A>donde estaba usando TypeScript.<\/P>

<\/P>

Disfruta tus opciones<\/H2>Así que hay más de una forma de iniciar una aplicación Dojo. Esto solo demuestra que hay cierta flexibilidad en el kit de herramientas para adaptarse a tus necesidades como desarrollador. Te sugeriría experimentar con ellas y encontrar la que mejor se adapte a tus necesidades. Incluso podrías descubrir que un enfoque diferente es apropiado en distintas situaciones, por lo que al menos es buena idea conocerlas. Esta es una de esas pequeñas sutilezas del conocimiento que simplemente te dan mejor comprensión de cómo funciona Dojo<\/EM>.<\/P><\/P>Para más consejos y trucos geodev, visita mi blog<\/A>.