Die Wege zum Starten einer ArcGIS JS API-App

ReneRubalcava

<\/HEAD>

<\/P>

<\/P>

Wenn Sie die ArcGIS API for JavaScript verwenden, um eine mittelgroße Anwendung zu erstellen, bauen Sie diese wahrscheinlich aus verschiedenen Modulen zusammen. Wenn das der Fall ist, verwenden Sie wahrscheinlich eine standardmäßige dojoConfig, wie in der Online-Dokumentation beschrieben<\/A>. Was Ihnen vielleicht nicht bewusst ist, ist, dass die globale dojoConfig nicht der einzige Weg ist, um die Party zu starten<\/EM>.<\/P><\/P>

Kein einziger wahrer Pfad<\/H2>So könnten Sie traditionell Ihre dojoConfig einrichten, um Ihre App zu starten.<\/P>Option 1<\/H4>var dojoConfig = { \/\*stuff*\/ };
require(['dependency1', 'dependency2'], function(dep1, dep2) {
  \/\* großartige Web-Entwicklungs-Sachen *\/
});<\/PRE><\/P>Sie könnten es auch dem Script-Tag hinzufügen.<\/P>Option 2<\/H4><script src="\/* esrijs api url *\/" data-dojo-config="isDebug:true, packages=[\/* stuff *\/]"><\/script><\/PRE><\/P>Aber ich finde, das funktioniert nicht wirklich, wenn eine größere Konfiguration benötigt wird.<\/P><\/P>Dies ist ein weiterer gangbarer Ansatz.<\/P>Option 3<\/H4>require({
  packages: \/\* stuff *\/
});
require(['dependency1', 'dependency2'], function(dep1, dep2) {
\/\* großartige Web-Entwicklungs-Sachen *\/
});<\/PRE><\/P>Aber es gibt noch einen weiteren Weg, Ihre Anwendung zu konfigurieren und zu starten.<\/P>Option 4<\/H4>require({
  packages: [{
     name: 'app', location: \/\*somewhere*\/
  }. {
    \/\* mehr Pakete *\/
  }]
}, ['app']);
\/\/ app\/main.js in Ihrer App
require(['dependency1', 'dependency2'], function(dep1, dep2) {
\/\* großartige Web-Entwicklungs-Sachen *\/
});<\/PRE><\/P>Wie wir in diesem Beitrag über Dojo-Module<\/A> gesehen haben, wenn Sie ein ganzes Paket anfordern, wie ein Verzeichnis mit Dojo, geht es davon aus, dass sich eine main.js<\/SPAN>-Datei im Verzeichnis für dieses Paket befindet. So funktioniert das.<\/P><\/P>

Einige Vorbehalte<\/H2>Ich bin mir nicht sicher, ob ich schon einmal über die Verwendung von ES6 für ArcGIS JS Dev geschrieben habe, aber ich habe kürzlich eine Präsentation darüber auf dem Developer Summit gehalten. Das Video können Sie hier sehen<\/A>. Einer der Vorbehalte bei der Verwendung von ES6 ist, dass Transpiler wie Babel <\/A> import-Anweisungen in define-Anweisungen umwandeln, aber es gibt keine Möglichkeit, eine require-Anweisung zu erhalten. Daher liegt es weiterhin an Ihnen, mindestens einen einzigen require-Einstiegspunkt für Ihre Anwendung zu erstellen, um zu starten.<\/P>

<\/P>

Also das hier:<\/P>

import map from 'esri\/map';<\/PRE><\/P>wird zu diesem:<\/P>define(['esri\/map'], function(Map) { \/\*stuff*\/' });<\/PRE><\/P>Ok. Es ist nicht genau so, Transpiler verwenden beim Kompilieren zu AMD-Modulen die exports<\/SPAN>- und modules<\/SPAN>-Module, um einige Dinge zu tun, die im kompilierten Code seltsam aussehen können,<\/EM>, aber das Endergebnis ist im Wesentlichen wie oben gezeigt.<\/P><\/P>Aus diesem Grund mache ich das jetzt typischerweise so.<\/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) {
 \/\* großartige Web-Entwicklungs-Sachen *\/
});<\/PRE><\/P>Ein Beispiel dafür finden Sie in einem 

Test-Repository <\/>A>, in dem ich TypeScript verwendet habe.
Genießen Sie Ihre Wahlmöglichkeiten< \ / H2 >< P > Es gibt also mehr als einen Weg , eine Dojo -App zu starten . Dies zeigt nur , dass es etwas Flexibilität im Toolkit gibt , um Ihren Entwicklerbedürfnissen gerecht zu werden . Ich würde vorschlagen , mit ihnen zu experimentieren und herauszufinden , was am besten zu Ihren Bedürfnissen passt . Möglicherweise stellen Sie sogar fest , dass in verschiedenen Situationen ein anderer Ansatz angemessen ist , daher ist es zumindest eine gute Idee , sie zu kennen . Dies ist eines dieser < EM > nuancierten Wissensstücke , die Ihnen einfach bessere Einblicke geben , wie Dojo funktioniert < \ / EM > . < \ / P >< P > Für weitere geodev Tipps und Tricks besuchen Sie meinen < A href = "http : \/ \/ odoe.net \/ blog \/ " rel = "nofollow noopener noreferrer " target = "_blank " > Blog < \ / A > . < \ / P >< \ / BODY >< \ / HTML >