Les chemins pour démarrer une application ArcGIS JS API

ReneRubalcava

<\/HEAD>

<\/P>

<\/P>

Si vous utilisez l'ArcGIS API for JavaScript pour construire une application de taille modérée, vous la construisez probablement à partir de différents modules. Si c'est le cas, vous utilisez probablement une dojoConfig standard comme décrit dans la documentation en ligne<\/A>. Ce que vous ne savez peut-être pas, c'est que la dojoConfig globale n'est pas la seule façon de lancer la fête<\/EM>.<\/P><\/P>

Pas un seul chemin vrai<\/H2>Voici donc comment vous pourriez traditionnellement configurer votre dojoConfig pour démarrer votre application.<\/P>Option 1<\/H4>var dojoConfig = { \/\*stuff*\/ };
require(['dependency1', 'dependency2'], function(dep1, dep2) {
  \/\* trucs géniaux de développement web *\/
});<\/PRE><\/P>Vous pouvez aussi l'ajouter à la balise script.<\/P>Option 2<\/H4><script src="\/* esrijs api url *\/" data-dojo-config="isDebug:true, packages=[\/* stuff *\/]"><\/script><\/PRE><\/P>Mais je trouve que cela ne fonctionne pas vraiment quand une configuration plus grande peut être nécessaire.<\/P><\/P>Ceci est une autre approche viable.<\/P>Option 3<\/H4>require({
  packages: \/\* stuff *\/
});
require(['dependency1', 'dependency2'], function(dep1, dep2) {
\/\* trucs géniaux de développement web *\/
});<\/PRE><\/P>Mais il y a encore une autre façon de configurer et démarrer votre application.<\/P>Option 4<\/H4>require({
  packages: [{
     name: 'app', location: \/\*somewhere*\/
  }. {
    \/\* more packages *\/
  }]
}, ['app']);
\/\/ app\/main.js in your app
require(['dependency1', 'dependency2'], function(dep1, dep2) {
\/\* trucs géniaux de développement web *\/
});<\/PRE><\/P>Comme nous l'avons vu dans cet article sur les modules Dojo<\/A>, lorsque vous demandez un package entier, comme un répertoire avec Dojo, il suppose qu'il y a un fichier main.js<\/SPAN> dans le répertoire pour ce package. C'est ainsi que cela fonctionne.<\/P><\/P>

Quelques mises en garde<\/H2>Je ne suis pas sûr d'avoir écrit sur l'utilisation d'ES6 pour ArcGIS JS Dev, mais j'ai fait une présentation à ce sujet lors du dernier Developer Summit. Vous pouvez voir la vidéo ici<\/A>. Une des mises en garde lors de l'utilisation d'ES6 est que les transpileurs, comme Babel <\/> convertiront les instructions import<\/SPAN> en instructions define<\/SPAN>, mais il n'y a aucun moyen d'obtenir une instruction require. Il vous revient donc toujours de créer au moins un point d'entrée require unique pour que votre application démarre.<\/P><\/P>Donc ceci :<\/P>import map from 'esri\/map';<\/PRE><\/P>Devient ceci :<\/P>define(['esri\/map'], function(Map) { \/\*stuff*\/) });<\/PRE><\/P>D'accord. Ce n'est pas exactement ça, les transpileurs lors de la compilation vers des modules AMD utiliseront les modules exports<\/SPAN> et modules<\/SPAN> pour faire certaines choses qui peuvent sembler étranges dans le code compilé,<\/> mais le résultat final est essentiellement comme montré ci-dessus.<\/P><\/P>Pour cette raison, je fais généralement ceci maintenant.<\/P><script>dojoConfig = { \/\* config stuff *\/] };<script>
<script src=\"\\/\\/js.arcgis.com\\/3.13\\/\"><script>
<script>require(['app/main'], function(){});</script>
// app/main.js
define(['dependency1', 'dependency2'], function(dep1, dep2) {
\/\* trucs géniaux de développement web *\/
});<\/PRE><\/P>Vous pouvez voir un exemple de ceci dans un dépôt de test <\/> où j'utilisais TypeScript.<\/P><\\/p>