Skip to main content

Debug Laravel App with Clockwork

Laravel is written in the way you can easily track the bug by the error or expection thrown by the laravel. Laravel containas the facility of logging. It logs every thing that happens. It stores this log data in the file name larvel.log. Laravel.log file can be found in the storage/logs folder of your laravel project. Most problem will be solving in laravel if you able to understand the logged data. 

laravel logs
Laravel log file

One thing that make us to use the external debuggers is run time data. Limitation of laravel's log is that it can not log the run time uninterpreted data, or at least i don't found the way to do so. 
In this case we have two choise
 1. we use the laravel's log driver and find the clever way to log the data of our interest.
 2. We can use external debuggers like clockwork, laravel-debugger etc.

The reason i need to find package like this

In the project i had to use the polymorphic relation for likes. I was stuck in a problem where every thing was going right, when user click on the like it was attaching the like row for that user and that particular post with the correct model name Article. But when i show the likes count for that particular post it return 0.

To solve this again i used dd method with the static data it returned data what i wanted.

So there was no problem in any process and still there was a problem. So next i tried to debug the laravel's mysql query that was fired, and in back i got the compiled query like this  

SELECT * FROM `likes` WHERE `likes`.`likable_id` = ? and `likes`.`likable_id` IS not NULL and `likes`.`likeable_type` = ?

This is the exact compiled query what i want. But what was going wrong was 

SELECT * FROM `likes` WHERE `likes`.`likable_id` = '4' and `likes`.`likable_id` IS not NULL and `likes`.`likeable_type` = 'Article'

Clockwork with chrome plugin
Clockwork with chrome plugin

If have used the polymorphic relation you know that likeable_type uses the exact name of the Model for which your creating the record.

In my project because of certain name spacing difference likable_type  was 'App\Article'. Here Missing 'App\' was issue for me which was giving me the false result.

It gives lot more information than just query. I will prefer to use it during development phase.

There are many debuggers available for laravel debugging but i prefer clockwork. Here you can find
very small  comparison of this debuggers. I can't find more on the comparison.

Clockwork is opensource debugger. It is quite easy to setup the clockwork. Here is the link of the clockwork and as it is very easy to setup just follow the guide and you will done. 


Popular posts from this blog

Google blogger Ideas panel

Google blogger Ideas  I opened by blogger today, and..   I got this.  Google blogger Ideas  A panel suggesting a topic on which I can write my next blog. It's fetching unanswered question from web according to your previous post and topics. It was something, I was really looking for, after all it takes time to finding subject on which to write next and still being in the same niche.  Awesome feature Blogger! 

Firebase - update a spacific fields of single element of object of array in firestore

Firebase - update a spacific fields of single element of object of array in firestore  Its actully advisable to use map instead of array when ever it is possible. But, there are cetain cases where you don't have option to do so.  For example, you are directly saving the response from some outer source without any modification and they send you an array. In this case you will have array to work with. Firestore does not support array here is why  "bad things can happen if you have multiple clients all trying to update or delete array elements at specific indexes. In the past, Cloud Firestore addressed these issues by limiting what you can do with arrays " For more details information you can refer to Kato Richardson post Best Practices: Arrays in Firebase .  Firestore document having array [ used from stackoverflow question ] Suppose you have array of object something like shown in array. Now you want to update endTime field of the object on the index [1]

Sciter : GUI Application with Golang using HTML/CSS

GUI library for golang sciter This is the words from Sciter's Web site, Sciter brings a stack of web technologies to desktop UI development. Web designers and developers can reuse their experience and expertise in creating modern looking desktop applications. Various GUI frameworks offer different UI declaration and styling languages, such as QML and  XAML (Microsoft WPF) . On the contrary, Sciter allows using time proven, robust, and flexible HTML and CSS for GUI definition and GPU accelerated rendering.   Before using sciter I already tried other alternatives but none of them was satisfactory as an example first i tried andlabs / ui  library   i already have written a post on it. You can read it on post gui programming with golang .  But this library is still under construction and has no support for production apps. Secondly, I go for electron but the problem was my simple calc like the app was of size 150mb. Which is 15mb of go and other was the e