Einführung in die Überwachung von Netzwerk-Webservice-Anfragen

KellyGerrow

<\/HEAD>

ArcGIS Webanwendungen, einschließlich Map Viewer, interagieren über http-Anfragen mit Webservices. Die Webanwendung fordert Informationen (wie Feature- und Tile-Layer-Daten) vom Webserver (Feature Layer, Tile Layer) an, und der Server antwortet mit Informationen, damit die Anwendung die Daten anzeigen kann. Obwohl es nicht notwendig ist, können Sie Webanfragen überwachen und anzeigen, um mehr Einblick darin zu erhalten, wie Ihre Anwendung und der Server zusammenarbeiten.<\/P>

<\/P>

Um Webanfragen zu überwachen, müssen Sie ein Web-Debugging-Tool wie fiddler<\/A> herunterladen oder die Entwicklerwerkzeuge im Browser verwenden. Für diesen Blog werde ich die Entwicklerwerkzeuge in Chrome verwenden, indem ich zum Menü > Weitere Tools > Entwicklerwerkzeuge navigiere.<\/P>

<\/P>

Zuerst<\/STRONG> sehen wir uns die Anfragen an, die für einen Tile-Service von dieser URL gesendet werden:<\/P>

https:\/\/webapps.maps.arcgis.com\/apps\/Minimalist\/index.html?appid=4a944ee7b2de4dc8b9db05cfeb4f55e6<\/A><\/P>

Wenn Sie während des Ladens der URL den Netzwerk-Tab der Entwicklerwerkzeuge öffnen, sehen Sie viele Anfragen, und es kann schwierig sein zu wissen, welche die richtige Anfrage zum Überwachen ist. Ich weiß, dass ich meine Tile-Service-Anfragen überwachen möchte, also habe ich in der Liste der Anfragen nach meiner Tile-URL gesucht. Es gibt auch kleine Bilder des Dienstes, die helfen, die Bildantwort vom Tile-Service zu visualisieren:<\/P>

<\/P>

Im Netzwerk-Tab kann ich einige Dinge über meine Anfrage erfahren. Die URL (Name),

der Status<\/A> (200 Erfolg), der Typ (png) und die Größe 22,3 KB. Sie können den Link auch öffnen, indem Sie mit der rechten Maustaste auf den Link klicken > In neuem Tab öffnen, um die Antwort vom Server an die Anwendung zu sehen:<\/P>

https:\/\/services5.arcgis.com\/cuQhNeNcUrgLmYGD\/arcgis\/rest\/services\/World_Vertex\/MapServer\/tile\/2\/1\/2<\/A> <\/P>

<\/P>

Da dies ein Tile-Service ist, fordert die Anwendung einzelne png-Kacheln an, die vom Server zur Anzeige in der Web-App generiert werden.<\/P>

<\/P>

Als Nächstes<\/STRONG> sehen wir uns die Anfragen an, die für einen Feature-Layer von dieser App gesendet werden:<\/P>

https:\/\/webapps.maps.arcgis.com\/apps\/Minimalist\/index.html?appid=75ed4bda471641adbb251b09670eedba<\/A> <\/P>

<\/P>

Sie werden feststellen, dass diese App langsamer ist beim Laden des Layers. Wenn Sie sich die fünfte Anfrage im Bild unten ansehen, werden Sie bemerken, dass sie einige ähnliche Eigenschaften wie die Tile-Anfrage hat: Name, Status 200. Die Größe beträgt 1,2 MB und es dauerte 887 ms, um die Anfrage abzuschließen.<\/P>

<\/P>

Wenn man sich die Anfrage genauer ansieht, kann man durch die Antwort scrollen, die mehrere hundert Seiten Text enthält (hauptsächlich Geometrie).  

https://services5.arcgis.com/cuQhNeNcUrgLmYGD/arcgis/rest/services/World_Vertex/FeatureServer/0/query?f=json&where=1=1…< / A> < / P >< P >< / P >< P >Durch Klicken auf den Link und dann auf den Timing-Tab können Sie weitere Informationen zur Zeitplanung der Anfrage sehen. Die anderen Tabs wie Header, Vorschau und Antwort können ebenfalls mehr Einblick in die spezifische Anfrage geben:< / P >< P >< IMG __jive_id = "348557 " alt = " " class = "image-4 jive-image " src = "https://us.v-cdn.net/6038851/uploads/legacyfs/online/348557_timing.png " style = "width: 315px; height: 304px; " / >< / P >< P >< / P >< P >Um die Eingabeparameter in einem besser lesbaren Format zu sehen, ändern Sie das Wort JSON im Titel zu html :< / P >< P >< A class = "link-titled " href = "https://services5.arcgis.com/cuQhNeNcUrgLmYGD/arcgis/rest/services/World_Vertex/FeatureServer/0/query?f=html&where=1=1&returnGeometry=true&spatialRel=esriSpatialRelIntersects&outFields=*&outSR=102100&resultOffset=0&resultRecordCount=1000&quantizationParameters=%7Bmode:view,%20originPosition:upperLeft,%20tolerance:1.0583354500042335,%20extent:{type:extent,%20xmin:-20037507.0672,%20ymin:-30240971.9584,%20xmax:20037507.0672,%20ymax:18418386.3091,%20spatialReference:{wkid:102100,%20latestWkid:3857}}}" title = "https://services5.arcgis.com/cuQhNeNcUrgLmYGD/arcgis/rest/services/World_Vertex/FeatureServer/0/query?f=html&where=1=1&returnGeometry=true&spatialRel=esriSpatialRelIntersects&outFields=*&outSR=102100&resultOffset=0&resultRecordCount=1000&quantizationParameters=%7Bmode:view,%20originPosition:upperLeft,%20tolerance:1.0583354500042335,%20extent:{type:extent,%20xmin:-20037507.0672,%20ymin:-30240971.9584,%20xmax:20037507.0672,%20ymax:18418386.3091,%20spatialReference:{wkid:102100,%20latestWkid:3857}}}" rel = "nofollow noopener noreferrer">https://services5.arcgis.com/cuQhNeNcUrgLmYGD/arcgis/rest/services/World_Vertex/FeatureServer/0/query?f=html&where=1=1…< / A > < / P >< P >In dieser Anfrage können Sie sehen, dass alle Features im Dienst abgefragt wurden: Where 1=1 und die Geometrien sowie Attribute zurückgegeben wurden.< / P >< P >< / P >< P >Beim Betrachten dieser Anfragen können Sie erkennen, dass die Antwort von Feature-Layer-Anfragen mehr Daten enthält als die Anfrage für das Tile-Bild. Versuchen Sie beim Lernen darüber, wie die Anwendung mit dem Server kommuniziert, Service-Anfragen mit Entwicklerwerkzeugen oder fiddler zu überwachen.< / SPAN >< / P >< P >< / P >< P >Für weitere Informationen zu Best Practices for using Tile Layers as Operational Layers, klicken Sie auf diesen Link für den begleitenden ArcGIS Blog< / SPAN >< / P >< P >< / P >< P >< A href = "https://community.esri.com/space/2106">ArcGIS Online</ A >< / SPAN >< / BODY >< / HTML >

AndresCastillo

Thank you Kelly.

This is a great intro to observing website behavior.