Configuring Xdebug for PHP development/Linux - Revision history

Enav at 15:21, 29 October 2012

2012-10-29T15:21:42Z

Enav: /* Configuring Xdebug */

2012-10-29T15:19:02Z

‎Configuring Xdebug

Enav: /* Configuring Xdebug */

2012-10-27T03:06:45Z

‎Configuring Xdebug

Enav: /* Option 1: Terminal */

2012-10-27T02:54:53Z

‎Option 1: Terminal

Enav at 17:12, 15 October 2012

2012-10-15T17:12:00Z

Enav at 17:05, 15 October 2012

2012-10-15T17:05:03Z

Enav at 15:57, 15 October 2012

2012-10-15T15:57:35Z

Enav: /* Configuring Xdebug */

2012-10-15T13:35:04Z

‎Configuring Xdebug

Enav at 06:42, 15 October 2012

2012-10-15T06:42:56Z

Enav at 06:42, 15 October 2012

2012-10-15T06:42:35Z

← Older revision		Revision as of 15:21, 29 October 2012
Line 1:		Line 1:
−	~~{{underconstruction}}~~
−
	{{RightTOC}}		{{RightTOC}}

@@ Line 39: / Line 39: @@
 *Open your terminal and type
   <tt> sudo gedit /etc/php5/mods-available/xdebug.ini </tt>
-*That command should open the text editor with the Xdebug condifuration file
+*if the file is empty try this location
 *At the end of the file content append the following text
 <tt>

@@ Line 38: / Line 38: @@
 *Open your terminal and type
-  <tt> sudo gedit /etc/php5/conf.d/xdebug.ini </tt>
+  <tt> sudo gedit /etc/php5/mods-available/xdebug.ini </tt>
 *That command should open the text editor with the Xdebug condifuration file
 *At the end of the file content append the following text

@@ Line 18: / Line 18: @@
 *Open your terminal and type
-  <tt> sudo apt-get install eclipse </tt>
+  <tt> sudo apt-get install php5-xdebug </tt>
 *Wait until the installation process finish

← Older revision		Revision as of 17:12, 15 October 2012
Line 1:		Line 1:
−	{{~~inuse~~}}	+	{{underconstruction}}

	{{RightTOC}}		{{RightTOC}}

@@ Line 91: / Line 91: @@
 *Press "OK" and wait until Eclipse IDE restarts and load the new workspace
-=== Configuring a test project ===
+=== Configuring the test project ===
 *On Eclipse go to: "Toolbar --> File --> New --> Other --> PHP--> PHP Project"
@@ Line 118: / Line 118: @@
   <tt>Z value is: 11</tt>
-=== Configuring the project debug information ===
+=== Configuring the test project debug information ===
 *On Eclipse go to: "Toolbar --> Run --> Debug configuration..."
@@ Line 130: / Line 130: @@
 *Press "Apply" and "Close" to save changes and continue
+*On Eclipse go to: "Toolbar --> Run --> Debug", you can also used the hotkey "F11" or simply do a click in the "little bug icon" located at the second toolbar from the top
+*Automatically Eclipse will open the configured web browser, and also change to the "Debug perspective", the debug perspective contains a set of pre-configured views useful to do debugging tasks, among them we got:
-*On the "Project name" set the value to "xdebug-test" or any other name you like for our test project
+**Debug view:  It display buttons to control the current running debug session and also this view contains the current [[wikipedia:Call_stack | call stack]]
+**Breakpoint view: display all the your set breakpoints on any project file
+**Variables view: Is is basically a "var dump" of all the PHP variables of your actual session, it view let you easily navigate throw any variable and child members of those variables.
+**Expressions view: there you can set custom expressions i.e. "$X+$Y+$Z" and see the outcome of each expression without changing the code at all.
+**Internal browser view and output view: optional if you not configured an external browser Eclipse IDE will display this view with the current page and the current page HTML output
 [[Category:Development]]

@@ Line 50: / Line 50: @@
 *In you terminal type
   <tt>sudo service apache2 restart</tt>
 == Configuring Eclipse IDE ==
@@ Line 59: / Line 60: @@
 *In the list make sure the port the "Xdebug" option is set to the value "9000"
 *Save changes
-When a PHP project is being debugged the PHP code execution is stopped at any break point the user sets, by default this action opens up the Eclipse IDE internal browser to display the web page itself, and resulting html output. if you wish to not use the Eclipse IDE internal browser for any reason, you can always use an external browser such as Google Chrome, Chromium or Firefox to browse your page in debugging time.
+When you debug a PHP project Xdebug stops the code execution of the current page and Eclipse IDE by default pops out a perspective with 2 views containing the internal Eclipse IDE web browser and the a view with the current HTML output, if you don't like the internal web browser you can use any other external web browser you got installed in your computer, such as gogle chrome, chromium, firefox, etc... don't even try IE, just kidding :p .
 To set up a different web browser follow these steps if you are OK with the Eclipse internal browser skip this part:
@@ Line 75: / Line 77: @@
 == Testing Xdebug and Eclipse IDE ==
-To test our brand new debugger we need to create a little Eclipse PHP project, set the debug configuration for our project and write some few lines of PHP code. This example assumes that you understand the Eclipse IDE concepts of "workspace" and "projects", if you don't, pleas read this document [[Configuring Eclipse IDE for PHP development/Linux#Understanding the folder structure]], also for this example we will use the site web root folder as our workspace, so Eclipse IDE and the web server files share the same location for our development purposes and easy testing.
+To test our brand new debugging tool we need to create an Eclipse PHP project, set the debug configuration for our project and write some few lines of PHP code. This example assumes 3 things:
 *Open Eclipse IDE
-*On Eclipse go to: "Toolbar --> File --> New --> Other --> PHP --> PHP Project"
+*On Eclipse go to: "Toolbar --> File --> Switch workspace --> Other"
-*Press "next"
+*Press the button "browse" and browse the location of your server's web root folder, i.e. "/home/youruser/lamp/public_html/"
 *On the "Project name" set the value to "xdebug-test" or any other name you like for our test project
+A

@@ Line 48: / Line 48: @@
 </tt>
 *Save changes and close the editor
-*In you teeminal type
+*In you terminal type
   <tt>sudo service apache2 restart</tt>

← Older revision		Revision as of 06:42, 15 October 2012
Line 1:		Line 1:
−	~~{{underconstruction}}~~
	{{inuse}}		{{inuse}}

@@ Line 1: / Line 1: @@
 {{underconstruction}}
 {{RightTOC}}
@@ Line 5: / Line 6: @@
 Theses instructions should work fine on any Debian based distribution such as Debian, Ubuntu, LinuxMint, Xubuntu, Kbuntu and others.
-Xdebug is an extension which provides debugging and profiling capabilities, it runs in the server side and send the debugging information to any client capable receive and read it, for this article we will install Xdebug in our local server and use Eclipse IDE as the client who will receive and interpret the debugging information. Whit Xdebug you will be able to study the behavior of your code step by step and also inspect the value of the all the variable on any execution step.
+Xdebug is an extension which provides debugging and profiling capabilities, it runs in the server side and send the debugging information to any client capable of receive and read it, for this article we will install Xdebug in our local server and use Eclipse IDE as the client who will receive and interpret the debugging information. Whit Xdebug you will be able to study the behavior of your code step by step and also inspect the value of the all the variable at every execution step.
 == Installation ==
@@ Line 39: / Line 40: @@
 *Open your terminal and type
   <tt> sudo gedit /etc/php5/conf.d/xdebug.ini </tt>
-*That command should open the text editor with the xdebug condifuration file
+*That command should open the text editor with the Xdebug condifuration file
-*At the end of the file content append this text
+*At the end of the file content append the following text
 <tt>
   xdebug.remote_enable=on
@@ Line 47: / Line 48: @@
   xdebug.remote_port=9000
 </tt>
-*save changes and close the editor
+*Save changes and close the editor
-*in you teeminal type
+*In you teeminal type
-<tt> sudo service apache2 restart </tt>
+ <tt>sudo service apache2 restart</tt>
 == Configuring Eclipse IDE ==
@@ Line 60: / Line 61: @@
 *Save changes
-When a PHP project is being debugged the PHP code execution is stopped at any give break point the user sets, by default this action opens up the Eclipse IDE internal browser to display the web page itself, and resulting html output. if you wish to not use the Eclipse IDE internal browser for any reason, you can always use an external browser such as Google Chrome, Chromium or Firefox to browse your page in debugging time.
+When a PHP project is being debugged the PHP code execution is stopped at any break point the user sets, by default this action opens up the Eclipse IDE internal browser to display the web page itself, and resulting html output. if you wish to not use the Eclipse IDE internal browser for any reason, you can always use an external browser such as Google Chrome, Chromium or Firefox to browse your page in debugging time.
 To set up a different web browser follow these steps if you are OK with the Eclipse internal browser skip this part: