Setting up your workstation for Joomla! development
From Joomla! Documentation
Revision as of 15:45, 16 September 2012 by Garyamort
- 1 Introduction
- 2 Install & configure XAMPP, php, Eclipse
- 3 Check Out and modify Joomla! Source Code
- 4 Create a Test Joomla! Patch
- 5 Working With Patches
- 6 Troubleshooting
- 7 Extension Development
This article provides detailed instructions for setting up your workstation for Joomla! development with Apache, PHP, xdebug, Subversion. Please refer to the following links for other development tools and environments: Setting up your workstation for joomla development
The article more specifically let's you contribute to the official SVN Joomla! code.
The examples used and screenshots are for Windows XP, but the basic steps are the same for Linux.
Install & configure XAMPP, php, Eclipse
- Configuring a XAMPP server for joomla development
- Edit PHP.INI File for XDebug
- Configuring Eclipse for joomla development
- Git for Testers and Trackers
- Working with git and github/My first pull request
Check Out and modify Joomla! Source Code
Now we are going to create a new PHP project that will contain all of the source code files for Joomla!. We can import the source code and create our PHP project at the same time.
To do so, please see Working with git and github/My first pull request
Create a Test Joomla! Patch
Let's create a simple patch file using Eclipse. We're going to add comment lines to two different files and then create a patch that could be (but won't be) used to update the Eclipse SVN repository.
Navigate to the file "components/com_content/views/frontpage/tmpl/default.php" and add a new comment line as shown below.
Save the file (either Ctrl+S or press the Save button in the toolbar).
Now, open the file "components/com_content/views/frontpage/tmpl/default.xml" by double-clicking on it in the PHP Explorer view. Eclipse has an XML editor built in, although you can configure it to use an external editor if you prefer. The XML editor has two tabs at the lower left: Design and Source. The Design tab opens by default. This present a tree structure of the XML file. You can expand any of the trees, as shown below.
Click on the Source tab to display the Source window, as shown below.
Add a new comment line in line 2 as shown below.
You may have noticed that, when you typed the opening comment tag "<!--" , Eclipse automatically added the closing part of the tag for you. Again, save the file.
Now, look at the PHP Explorer view. Notice that we now have little black "*" symbols next to the files and folders that have changes, as shown below.
Create Patch File
Next, select the tmpl file folder in the PHP Explorer view, right click, and select Team / Create Patch, as shown below.
Select "Save in file system" and press Browse to select the file and a new folder for the patch. A patch file usually has the following naming convention: <issue #>.patch (for example: 12345.patch). If more than one patch file exists, it will be 12345a.patch, 12345b.patch, etc. Notice that Eclipse automatically includes all changed files. If you wanted, you could include only selected files in the patch.
Press Next to show the Advanced Options dialog shown below. Select "Project" for the patch root and press Finish.
The patch file will be created. Open this file with a text editor. It should have the contents as shown below. This file could then be used to apply these changes to an SVN repository.
Index: components/com_content/views/frontpage/tmpl/default.php =================================================================== --- components/com_content/views/frontpage/tmpl/default.php (revision 10613) +++ components/com_content/views/frontpage/tmpl/default.php (working copy) @@ -1,4 +1,5 @@ <?php // no direct access +// This is a comment to test patch creation. defined('_JEXEC') or die('Restricted access'); ?> <?php if ($this->params->get('show_page_title', 1)) : ?> <div class="componentheading<?php echo $this->params->get('pageclass_sfx') ?>"> Index: components/com_content/views/frontpage/tmpl/default.xml =================================================================== --- components/com_content/views/frontpage/tmpl/default.xml (revision 10613) +++ components/com_content/views/frontpage/tmpl/default.xml (working copy) @@ -1,4 +1,5 @@ -<?xml version="1.0" encoding="utf-8"?> +<?xml version="1.0" encoding="utf-8"?> +<!-- Test comment for patch --> <metadata> <layout title="Frontpage Blog Layout"> <message>
Undo File Changes
Before we finish, let's look at how we can undo our changes. The easiest way is to just use the Eclipse editor undo command. Go back to the "default.xml" file in the editor. Press Ctrl+Z (or use Edit / Undo Text Change) once or twice until the comment is gone. Save the file. Notice that the black "*" is now gone from this file in the PHP Explorer view.
Now let's look at a more sophisticated way to undo changes. Navigate to the "default.php" file and right-click anywhere inside the edit area. Select Compare With / Base Revision from the context menu. This will display the screen shown below.
This is the Eclipse Text Compare editor. It shows you every change between any two files. In this case it's comparing the base revision we downloaded from the Eclipse repository to the current file, where we added the comment. The second button in the toolbar is called "Copy Current Change From Right to Left". Press this button and now the files will be identical. Press Save to save the changes, and notice that now all of the black "*" have disappeared. This indicates that there are no changes between our files and the this revision in the repository.
Working With Patches
Bug fixes are normally created and tested using patch files. Patch files are plain-text files that tell Subversion how to change one or more source code files to reflect the changes included in the bug fix. A simple patch can be a small change to one file. A large patch might have major changes to multiple files. You can read more about patch files in the article Learn more about patch files.
Note that JBS (Joomla! Bug Squad) members do not normally commit changes to the Joomla! SVN. Our job is done when the patch is tested successfully and the issue is change to "Ready to Commit" status. Committing the changes to the Joomla! codebase is done by Ian, Kevin, or a member of the Development Team.
The normal work process for testing a bug fix is as follows:
- Update your local Joomla! to the latest from the repository. To do this, right-click on the project and select Team / Update.
- Normally, you will want to test the issue before applying any patch, to make sure you can duplicate the problem.
- Download the patch file from the tracker and apply the patch. The url is http://joomlacode.org/gf/project/joomla/tracker/ and choose the Joomla! 1.6.x Issue Tracker link.
- Re-test to see if the patch corrects the problem.
- Update the tracker with your results.
- Revert the programming changes so that your local SVN repository stays in synch with Joomla!.
How to Apply a Patch
To apply a patch file created by someone else, here are the steps:
1. Download the patch to your local computer (for example from the Joomla! Tracker).
2. Select the project in the PHP Explorer, right-click, and select Team / Apply Patch. The dialog shown below will display:
3. Browse to the desired patch file and press the Next button. The screen will display as shown below:
4. Select the target project where you want to apply the patch. Note that patches should normally be created with the project as the Patch Root. Press Next to display the Review Patch screen shown below:
5. This screen shows you the file or files that will be modified by this patch. If you like, you can double-click on the file name to open the Eclipse compare window for the file. This shows you exactly what the changes to each file will be, as shown below.
6. Press the Finish button to apply the patch. Notice the black "*" symbols in the PHP Explorer, as shown below. These show the files and folders that were modified by the patch and, therefore, are now different than the base SVN repository.
When you are done testing a patch, normally you will want to undo the patch so your local code base stays in synch with the Joomla! SVN. In Eclipse, you can undo patches in two ways: either revert changes or apply a patch in reverse.
You can change a file or group of files back to the original state by using the SVN Revert command. In Eclipse, you just highlight the file or folder, right-click, and select Team / Revert. If you have selected one file, this file will be changed back to the version in the SVN repository. If you have selected a folder or project, then all of the files in this folder or project will be reverted. In this case, Eclipse will show a dialog listing all of the files to be reverted. You can then pick which ones you want to revert or cancel the operation.
Reverse a Patch
You can also use Eclipse to undo a patch. Follow the same procedure as for applying a patch. When you get to Review Patch screen, Eclipse will show an error, as shown below. Because the file has already been patched, the starting point of the file does not match what is in the patch file.
If you click on the box "Reverse Patch", as shown below, the error disappears, indicating that the patch will be reversed.
Press the Finish button to complete the process. If you have only applied one patch file to the SVN, then reversing the patch is the same as just reverting the files (Team / Revert). However, if you are working with more than one patch file, the ability to reverse just one patch can be useful.
Error When Doing Team->Commit
- When doing a commit, you get the message "svn: Server sent unexpected return value (501 Method Not Implemented)". This error can be caused by doing an anonymous checkout on a project that requires credentials to commit. The anonymous credentials are cached and so the commit is not authorized. To fix this, you need to clear the SVN cache. This can be done by removing the cache file. For XP, the file is
c:\Documents and Settings\[username]\Application Data\subversion\auth\svn.simple. For Vista, it is
- If you use Tortoise, you can right-click and select SVN->Settings->Saved Data and press the Clear button next to Authentication Data.
For Eclipse setup information related to Joomla! extension development, see Setting up your workstation for extension development.