Depanarea unei aplicații bazate pe model cu Live Monitor

Monitorizarea live vă poate ajuta să depanați și să diagnosticați problemele și să construiți aplicații mai rapide și mai fiabile. Monitorizarea în timp real oferă o imagine detaliată a modului în care rulează o aplicație, furnizând un jurnal al tuturor activităților cheie din aplicație pe măsură ce aceasta rulează. De asemenea, puteți depana în colaborare o aplicație publicată bazată pe model cu un inginer de asistență sau puteți depana problemele sesiunii unui alt utilizator. Pentru mai multe informații despre cum să depanați în mod colaborativ o aplicație publicată bazată pe model, accesați Depanare colaborativă folosind Live Monitor.

Important

Monitorizarea live pentru aplicațiile bazate pe model necesită ca versiunea client a aplicației bazate pe model să fie 1.4.5973-2307.2 sau o versiune ulterioară.

Pentru mai multe informații despre momentele în care ar trebui să monitorizați o aplicație, consultați *Prezentarea generală a monitorizării* . Pentru a rula Live Monitor cu o aplicație pe pânză, consultați Depanarea aplicațiilor pe pânză cu Live Monitor.

Utilizarea monitorului live pentru a diagnostica o aplicație bazată pe model

1. Conectați-vă la Power Apps, apoi selectați Aplicații din panoul de navigare din stânga.

2. Selectați aplicația bazată pe model pe care doriți să o monitorizați, apoi selectați Monitorizare live în bara de comenzi.

3. În pagina web care se deschide, selectați Redați aplicația bazată pe model pentru a deschide aplicația.

   

   Notă

   Alternativ, puteți rula o aplicație proiectate pe bază de model și puteți adăuga „&monitor=true” la sfârșitul adresei URL din browser. Apoi, selectați Monitorizare live în bara de comenzi pentru a începe o sesiune de monitorizare într-o filă nouă.

4. După ce aplicația este deschisă din Monitorul live, veți vedea o casetă de dialog *Join monitor debug session?* (Vă alăturați sesiunii de depanare a monitorului?) . Acest lucru vă anunță că orice date din aplicație vor fi trimise proprietarului monitorului live. Selectați Asociere. Evenimentele încep să curgă către ecranul sesiunii de monitorizare live pe măsură ce au loc în aplicație.

   

5. Selectați un eveniment pentru a afișa informații suplimentare în panoul din dreapta.

   

Evenimente monitorizate

Navigarea în pagină, execuția comenzilor, salvarea formularelor și alte acțiuni majore vor trimite indicatori cheie de performanță și evenimente de rețea către Live Monitor.

FullLoad

FullLoad reprezintă încărcarea completă a unei pagini de navigare, cum ar fi încărcarea unui formular de editare. Acest eveniment așteaptă finalizarea anumitor solicitări de rețea și finalizarea tuturor randărilor, astfel încât formularul să fie gata înainte de finalizarea FullLoad.

Selectați un eveniment FullLoad pentru a afișa fila *Detalii*.

Evenimentul FullLoad capturează multe statistici despre încărcarea paginii.  Puteți vedea formularul de editare a activității încărcat în 506 ms, iar selectarea rândului afișează informații în panoul de proprietăți. Puteți vedea detalii despre customScriptTime (timpul petrecut executând JavaScript personalizat), loadType (0 = tipul paginii la prima încărcare, 1 = entitatea la prima încărcare, 2 = înregistrarea la prima încărcare, 3 = înregistrarea exactă a fost vizitată) și FormId (identificatorul formularului pentru diagnosticare ulterioară).  Extinderea Atribuirii oferă o defalcare a timpului de execuție JS personalizat în funcție de tip, editor, soluție, versiune, resursă web și metodă.  Acest lucru poate ajuta la identificarea blocajelor în timpul de încărcare a formularului.

Rețea

Evenimentele *Network* dezvăluie detalii despre fiecare solicitare făcută din aplicație.

Selectați un eveniment de rețea pentru a afișa fila *Detalii*.

Anterior ați aflat despre Live monitor și cum să îl utilizați în aplicațiile bazate pe model. Să analizăm câteva scenarii în care Live Monitor vă poate ajuta să rezolvați erorile de script, comportamentul neașteptat și încetinirile.

Erori de script particularizate

Uneori, o eroare în JS personalizat provoacă o eroare de script sau o problemă de funcționalitate la încărcarea unei pagini. Deși acest lucru produce de obicei o stivă de apeluri în dialog, este greu să știi întotdeauna de unde provine sau să decodezi eroarea. Monitorul live primește evenimente de la aplicație cu mai multe detalii despre erori, astfel încât să puteți depana mai rapid și mai ușor.

De exemplu, imaginați-vă că un utilizator se confruntă cu un dialog de eroare de script la încărcarea formularului de cont.  Puteți folosi Monitorul live pentru a obține mai multe detalii despre eveniment.  Odată ce scenariul este reprodus, puteți vedea că eroarea de script produce un eveniment de eroare evidențiat cu roșu. Selectarea acestui rând vă oferă nu numai stiva de apeluri , ci și numele editorului , numele/versiunea soluției , numele resursei web și tipul (cum ar fiîncărcare ,în schimbare , Evaluare regulă șiControl personalizat ). În acest exemplu, arată ca o greșeală de scriere în script.

Performanță lentă

Instrumentele pentru dezvoltatorii de browsere pot ajuta la profilarea încărcărilor lente ale paginilor, dar există multe date de filtrat și nu este clar ce este important de analizat. Monitorizarea live rezolvă această problemă afișând evenimente relevante care contribuie la performanța de încărcare a paginii.

De exemplu, imaginați-vă că un utilizator se confruntă cu încărcări lente ale formularului de cont, iar browserul se blochează în mod constant. În acest caz, după ce reproduceți problema, puteți vedea un avertisment de performanță care vă spune că a fost trimisă o cerere XMLHttpRequest sincronă în timpul încărcării, ceea ce a degradat performanța.

Consultați postarea anterioară de pe blog pentru a afla cum să atenuați problemele de performanță ale XMLHttpRequest sincron (XHR).

Pentru fiecare încărcare a paginii, platforma de date trimite toate KPI-urile pentru secvența de încărcare, precum și detaliile solicitării rețelei, așa cum am menționat anterior.

Consultați și

Utilizați Live Monitor pentru a depana comportamentul formularului aplicației bazate pe model