Find a post...

DNN-Connect Blogs

WebAPI 2.6 Debugging WebAPI using Fiddler and F12

Since the WebAPI is usually invisible and doesn't have a real output-page it’s a bit harder to debug. What makes things even more difficult is the fact that DNN doesn't log WebAPI errors (it should, but that's a pending issue). So I'll show you the most important tools to help you get started.

Pre-Requisites

  • I would recommend to watch the Basic-Series Parts 1.1, 1.2 and 1.3 since it explains the very basics of WebAPI.
  • Since this is part 2.2, you would also benefit from starting with 2.1, 2.2, 2.3, 2.4 and 2.5.
  • Even if you don't, make sure you have a working DNN with 2sxc 6.4 installed (see this blog for help).
  • The App you'll install can be found in the App-Catalog - direct link here

In the following 16 minute Video, I'll show you

  1. Understanding where Issues can occur (what layers)
  2. Get to know your most important tools Fiddler and Browser-Debug
  3. Use Console.log()
  4. Understand how the JavaScript can go wrong...
  5. ...or the server
  6. Learn to understand server error numbers like 400 or 500 to corner your problems

Let's go!

Further links

With love from Switzerland,
Daniel 

Daniel Mettler grew up in the jungles of Indonesia and is founder and CEO of 2sic internet solutions in Switzerland and Liechtenstein, an 20-head web specialist with over 600 DNN projects since 1999. He is also chief architect of 2sxc (2SexyContent - see forge), an open source module for creating attractive content and DNN Apps.

         

Daniel Mettler learned programming with the bible translation computer of his parents, deep in the jungles of Indonesia. Since he was only 12 years old at that time and the BIOS only had a version of BASICA, that's what got him started. With 16 he went back to Switzerland and learned German and basic city-survival skills. Equipped with this know-how he founded 2sic internet solutions in 1999 which was focused on web solutions on the Microsoft platform. After a few self-developed CMSs 2sic switched to DNN in 2003 and has been one of the largest partners (17 employees, 700+ projects) in Europe. Daniel is also the chief architect behind the open source 2sxc, a strong promoter of standardization (boostrap, patterns, AngularJS, checklists, etc.) and loves to eat anything - dead or alive. His motto: if the natives eat it, it game.
Comment(s)

Hosting liberally provided by

Philipp Becker 6011 7
Geoff Barlow 547 4
DNN-Connect 431 6
Peter Donker 5055 30
Christopher Hammond 680 2
Olivier Jooris 419 1
Daniel Mettler 12007 88
Clint Patterson 1 1
Jos Richters 65 1
James Rosewell 327 2
Will Strohl 1546 27
Ernst Peter Tamminga 437 4
Barry Waluszko 2798 2
Declan Ward 450 1
Gifford Watkins 722 9
Torsten Weggen 2690 3