Map Viewerを含むArcGIS Webアプリケーションは、httpリクエストを介してWebサービスとやり取りします。WebアプリケーションはWebサーバー(Feature Layer、Tile Layer)から情報(FeatureおよびTile Layerデータなど)をリクエストし、サーバーは情報で応答してアプリケーションがデータを表示できるようにします。必須ではありませんが、アプリケーションとサーバーの動作をより深く理解するために、Webリクエストを監視および表示することができます。<\/P>
<\/P>
Webリクエストを監視するには、fiddler<\/A>のようなWebデバッグツールをダウンロードするか、ブラウザ内の開発者ツールを使用する必要があります。このブログでは、Chromeの開発者ツールを使用し、メニュー>その他のツール>開発者ツールに移動します。<\/P><\/P>まず最初に<\/STRONG>、このURLからタイルサービスに送信されるリクエストを確認しましょう:<\/P>https:\/\/webapps.maps.arcgis.com\/apps\/Minimalist\/index.html?appid=4a944ee7b2de4dc8b9db05cfeb4f55e6<\/A><\/P>URLを読み込んでいる間に開発者ツールのネットワークタブを開くと、多数のリクエストが表示され、どれが監視すべき正しいリクエストか判断が難しい場合があります。私はタイルサービスのリクエストを監視したいので、リクエスト一覧をスクロールしてタイルURLを見つけました。サービスの小さな画像もあり、タイルサービスからの画像レスポンスを視覚的に確認できます:<\/P><\/P>ネットワークタブを見ると、リクエストについていくつかのことがわかります。URL(Name)、ステータス(200 成功)、タイプ(png)、サイズ22.3KBです。またリンクを右クリックして新しいタブで開くことで、サーバーからアプリケーションへのレスポンスを見ることもできます:<\/P>
まず最初に<\/STRONG>、このURLからタイルサービスに送信されるリクエストを確認しましょう:<\/P>
URLを読み込んでいる間に開発者ツールのネットワークタブを開くと、多数のリクエストが表示され、どれが監視すべき正しいリクエストか判断が難しい場合があります。私はタイルサービスのリクエストを監視したいので、リクエスト一覧をスクロールしてタイルURLを見つけました。サービスの小さな画像もあり、タイルサービスからの画像レスポンスを視覚的に確認できます:<\/P>
ネットワークタブを見ると、リクエストについていくつかのことがわかります。URL(Name)、
https:\/\/services5.arcgis.com\/cuQhNeNcUrgLmYGD\/arcgis\/rest\/services\/World_Vertex\/MapServer\/tile\/2\/1\/2<\/A> <\/P><\/P>これはタイルサービスなので、アプリケーションはウェブアプリで表示するためにサーバーによって生成された個々のpngタイルをリクエストしています。<\/P><\/P>次に<\/STRONG>、このアプリからFeature Layerに送信されるリクエストを確認しましょう:<\/P>https:\/\/webapps.maps.arcgis.com\/apps\/Minimalist\/index.html?appid=75ed4bda471641adbb251b09670eedba<\/A> <\/P><\/P>このアプリはレイヤーの読み込みが遅いことに気づくでしょう。下の画像の5番目のリクエストを見ると、タイルリクエストと似たプロパティ(Name、Status 200)があることがわかります。サイズは1.2MBで、リクエスト完了まで887msかかりました。<\/P><\\/P>リクエストの詳細を見ると、レスポンスは数百ページにも及ぶテキスト(主にジオメトリ)であることがわかります。 https://services5.arcgis.com/cuQhNeNcUrgLmYGD/arcgis/rest/services/World_Vertex/FeatureServer/0/query?f=json&where=1=1… <\\/P>
これはタイルサービスなので、アプリケーションはウェブアプリで表示するためにサーバーによって生成された個々のpngタイルをリクエストしています。<\/P>
次に<\/STRONG>、このアプリからFeature Layerに送信されるリクエストを確認しましょう:<\/P>
このアプリはレイヤーの読み込みが遅いことに気づくでしょう。下の画像の5番目のリクエストを見ると、タイルリクエストと似たプロパティ(Name、Status 200)があることがわかります。サイズは1.2MBで、リクエスト完了まで887msかかりました。<\/P>
<\\/P>
リクエストの詳細を見ると、レスポンスは数百ページにも及ぶテキスト(主にジオメトリ)であることがわかります。
リンクをクリックしてタイミングタブを見ると、リクエストのタイミングに関する詳細情報が表示されます。ヘッダー、プレビュー、レスポンスなど他のタブも特定のリクエストについてより深い洞察を与えてくれます:<\\/P>
入力パラメータをより読みやすい形式で見るには、タイトル内のJSONという単語をhtmlに変更してください :
https://services5.arcgis.com/cuQhNeNcUrgLmYGD/arcgis/rest/services/World_Vertex/FeatureServer/0/query?f=html&where=1=1…
このリクエストではサービス内のすべてのフィーチャが照会されていることがわかります:Where 1=1、およびジオメトリと属性が返されています。
これらのリクエストを見ることで、Feature Layerリクエストからのレスポンスにはタイル画像へのリクエストよりも多くのデータが含まれていることがわかります。アプリケーションがサーバーとどのように通信しているかについてもっと知りたい場合は、開発者ツールやfiddlerを使ってサービスリクエストを監視してみてください。
Best Practices for using Tile Layers as Operational Layersについて詳しく知りたい場合は、このリンクから関連するArcGISブログをご覧ください。
ArcGIS Online
Thank you Kelly.
This is a great intro to observing website behavior.
Thanks,
Also check out this more detailed look at using another web debugging tool by @Alan_Rex
https://community.esri.com/groups/technical-support/blog/2018/06/07/monitoring-web-service-requests-using-fiddler
サインインしたメンバーは投稿、更新のフォローなどができます。初めてですか?無料アカウントを登録してください。
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.