Пишем код

Заметки о .net разработке

Using Mini-Profiler with Angular and HttpClient

2 комментария

Performance is essential for every web app, so profiling is a must. And there’s no better tool to monitor and profile your web app than Mini-Profiler from StackExchange. It’s simple, easily integratable and provides the most important profile metrics such as request duration and SQL queries.

Our typical Web SPA setup in Rubius is based on ASP.Net Core backend and Angular frontend. So we started integrating MiniProfiler into the stack, but it wasn’t that straightforward.

The thing is, MiniProfiler works perfectly with classic pages and jquery ajax calls, but fails to display any information on Angular http requests, which makes it barely usable in SPA.
To overcome it, there is a perfect post from Georg Dangl on how to make Mini-Profiler work with Angular if you’re using HttpModule, so go read Georg’s post and gist, it’s for you :)

However, in 4.3 Angular introduced HttpClientModule as a new way to talk to the backend API (replacing old HttpModule) and once we started to migrate to it we had the same issue again. There were no information about ajax requests.
So, I sat down and ported Georg’s gist to an HttpClient. So if you care about your performance and SQL queries, go grab it!

Опубликовать в Facebook
Опубликовать в Google Plus

Written by Shaddix

Февраль 17th, 2018 at 11:33 дп

Posted in .net,angular,web

2 комментария to 'Using Mini-Profiler with Angular and HttpClient'

Subscribe to comments with RSS or TrackBack to 'Using Mini-Profiler with Angular and HttpClient'.

  1. I’m getting MiniProfiler is undefined, probably because
    my angular app is not able pull down MiniProfiler’s JS dependencies. I’m unable to add and render in my index.html .

    Would you know how MiniProfiler instance can be initialized?

    andrew liang

    29 мая 19 at 23:25

  2. Уважаемый Администратор сайта arturdr.ru,

    Интернет-сервис ProfTrust.ru предлагает для Вас эффективный способ привлечения целевого трафика — наращивание ссылочной массы на Ваш сайт.

    Разместив вечные ссылки с трастовых сайтов через ProfTrust.ru Вы получите:
    — улучшение позиций в поисковой выдаче;
    — повышение узнаваемости Вашего сайта;
    — значительный приток новых клиентов;
    — увеличение уровня продаж.

    На услугу «Размещение 350 вечных трастовых ссылок на площадках с ИКС от 10» в настоящий момент действует акция «100 руб. вместо 350 руб.»

    Почему владельцы и администраторы сайтов для размещения ссылок выбирают ProfTrust.ru?
    — Предоставляется отчет с размещенными ссылками
    — Размещение только на проверенных сайтах с ИКС от 10
    — Заказ выполняется в указанные сроки
    — Качественное выполнение работы при низких ценах

    Большего эффекта для Вашего сайта можно добиться, воспользовавшись другими услугами, представленными на данном сервисе.

    P.S. Если Вас заинтересовало данное предложение, прошу при оформлении заказа воспользоваться моей партнерской ссылкой: https://proftrust.ru/5859214

    SaykaSib

    4 Июл 19 at 11:24

Leave a Reply