摘要
由於自由軟體的盛行,許多軟體以開放源碼(Open
Source)的方式釋出,相信大部份人接觸自由軟體的原因是其免費並且可任意修改及散佈;然而一般的使用者常僅限於使用自由軟體,而非自由軟體的貢獻
者。在本文中介紹如何架設Open
Source的開發環境,讓讀者不只能使用自由軟體,更能有機會修改自由而符合所需,更甚至於貢獻給廣大的自由軟體社群。
- 文章編號:13
- 投稿日期:2006/10/31
- 作者:張騉翔
- 第一次審查:吳佳湖 2006/11/29 15:58 (CST) ,黃耀明 16:59 2006年Nov29日 (CST)
- 第二次審查:
- 第三次審查:
- 備註:
- 建議增加結語做為文章的結尾 吳佳湖 2006/11/29 15:58 (CST)00
前言
相信大部份的程式開發人員都有使用過PHP或Java來寫過程式,或者是運用網站上的Open
Source軟體,例如Wiki、Moodle、WordPress…等;由於Open
Source風潮的盛行,使得大家能用到相當多免費的軟體,某些在品質上亦不輸商業軟體,Open
Source最大的好處之一莫過於能夠自行修改程式碼以符合自己的需要,或是也能貢獻於Open Source的專案,回饋給社群。
在本文中將會討論如建置Open
Source的開發環境,以Eclipse開發環境及PHP語言為例,示範如何在Eclipse中設定PHP語言並能除錯。在未來的章節亦會介紹如何在
Eclipse中的環境來簽出及簽入專案,以打造完整的Open Source開發環境。
會選用Eclipse的原因,主要它本身也是Open Source軟體,Eclipse原本由IBM所開發,在2001年開放成Open
Source軟體;Eclipse經過數年的發展,已成為相當成熟的開發工具,有許多的Open
Source軟體是在其上進行開發,IBM公司則是所有產品線在Linux+Eclipse+Java上開發。與其說Eclipse是軟體開發工具,倒不
說它是軟體開發平台,因為其本身開放的特性,故不只可在其上撰寫其最初支援的Java程式,亦可撰寫如C++、C#、PHP…等語言。
安裝Eclipse
Eclipse網址為http://www.eclipse.org,可在下載頁面找到最新的版本,目前為3.2.1;由於Eclipse是由Java語言所撰寫而言,所以在電腦上需有JRE(Java Runtime Environment),亦即執行Java程式的環境,最新的JRE可以至http://java.sun.com上下載。
在安裝好JRE後即可下載Eclipse,下載為一壓縮檔,解開後點選Eclipse.exe即可執行使用;可以說沒有什麼安裝步驟,相當
容易,若習慣放置於一般的程式安裝目錄,亦可解壓縮至C:\Program Files\的目錄,然後將Eclipse.exe設在開始程式集的捷徑中。
安裝Eclipse的PHP Plug-In
要讓Eclipse支援PHP語法,需外掛Eclipse的PHP模組,在Eclipse中稱為Plug-In;以下為安裝的步驟:
- 在Eclipse的功能選單中選擇Help-->Software Updates-->Find and Install...
- 接下來選Search for new features to install,然後按[Next>]
- 然後可以看到[Update sites to visit]的畫面,有許多的更新網站可以選擇,在此我們要新增一個網站,點選[New Remote Site...]然後在Name打入PHPeclipse Update Site,而在URL打入http://phpeclipse.sourceforge.net/update/releases/
- 按[OK]後回到畫面,然後在[Sites to include in search]中只將剛才建的[PHPeclipse Update Site]打勾,再按下[Finish]。
- 接下來若正確連到網站,看到畫面可以選擇鏡像網站(Update Sites Mirror),請選擇最接近地區的,然後按[OK]。
- 然後可以看網站可以更新的套件有哪些,將所需的選擇起來,然後先選取[Select Required]然後再按[Finish]。
- 出現版權同意畫面,閱讀過後點選「I agree」,然後選擇[Next>]。
- 接下來按下[Finish],然後Eclipse就會開始下載套件然後安裝。
- 在下載完後要安裝時會提醒下載的套件沒有數位簽章,此時仍是按下[Install All]。
- 在安裝完後會提醒是否要重開Eclipse,請選擇[OK]。
以上的步驟看來煩瑣,不過藉由線上安裝更新的方式,算是相當地方便;若有其他的Plug-In需安裝也是如上的步驟,或是將Plug-In檔案直接複製到安裝Eclipse的plugins目錄;若需要尋找更多的Eclipse Plug-In可以參考以下網站。
http://www.eclipseplugincentral.com/
http://eclipse-plugins.2y.net/eclipse/index.jsp
設定Eclipse中的PHP開發環境
在安裝好了PHP的Plug-In後,接下來我們要設定Eclipse中的PHP環境。
- 進入Eclipse的環境後選擇Windows下的Preferences選項。
- 在General->Content Types的選項下,選擇PHP Source File;然後在右邊中間選擇[Add..]將*.html加入。
- 在General -> Editors -> File Associations的選項下,增加*.php的型態至上面的列表;然後選擇*.php,確認下方所顯示的Associated Editors其預設為PHP Editor。
- 有些專案在html當也會包含PHP的程式碼,若是如此,如同前一點,也增加*.html的型態到列表中,然後也確認其預設的編輯器為PHP Editor。
- 接下來選到PHPEclipse Web Development的大項來針對PHP的部做詳細設定。
- 將PHP External Tool下的Apache、MySQL、XAMPP設定好相對應的路徑。
- 將Project Defaults下的localhost及Document Root做正確的設定,例如筆者的設定為http://localhost以及E:/ChangKH/xampp/htdocs。
- 將Browser Preview Defaults所有的選項關閉。
- 將PHP子頁面其Appearance的Displayed tab width設為4。
以上的設定最主要是步驟1到步驟7,讓在Eclipse開啟PHP檔案時能啟動相對應的Editor以及Browser;並且指定對應的PHP環境執行檔好在Eclipse中能執行PHP的語法。
讓Eclipse支援PHP除錯
在設定好讓Eclipse支援PHP語法後,接下來設定在Eclipse中能夠支援PHP的除錯,在執行時期能夠設定中斷點並觀察變數;若讀者只是要單純的讓Eclipse支援PHP語法編輯,此部份可略過不用設定。
要讓Eclipse支援PHP除錯,基本的觀念為要安裝PHP的除錯延伸模組,以及在Eclipse中也安裝PHP的除錯模組,前者為伺服
器端,後者為客戶端;當執行某個PHP網頁時,PHP的除錯延伸模組可以擷取到變數資訊,並傳回給Eclipse的客戶端以顯示在介面上。
安裝除錯伺服器端模組(PHP Debugger)
- 在此網址http://dd.cron.ru/dbg/downloads.php 下載PHP Debugger;請選擇DBG 2.13.1 dbg modules。
- 下載好modules後,裡面可以看到各種PHP版本的dll,解壓縮後在i686的檔案中找到php_dbg.dll-[PHP-version]再將名字改為 php_dbg.dll。
- 將php_dbg.dll拷到PHP的Extension目錄,例如筆者的是E:\XAMPP\xampp\php\ext。
- 接下來修改php的設定檔,一般會放置於Apache的bin目錄下,例如筆者的目錄是E:\XAMPP\xampp\apache\bin\php.ini。
- 將implicit_flush=Off改為On,並在php.ini最後面加入下述設定;改完後再重新啟動Apache。
[debugger] extension=php_dbg.dll debugger.enabled=on debugger.profiler_enabled=on debugger.hosts_allow=localhost debugger.hosts_deny=ALL debugger.ports=7869, 10000/16 |
在安裝完伺服器端的PHP Debugger,很重要的是測試其是否安裝成功,讀者可以隨意在放置PHP文件的目錄下開新一個網頁,並打入如下的程式來偵測PHP的相關資訊:
若有出現以下的字句,即代表安裝成功伺服器端的PHP Debugger。
This program makes use of the Zend Scripting Language Engine: Zend Engine v2.1.0, Copyright (c) 1998-2006 Zend Technologies |
安裝除錯客戶端
首先要設定在Eclipse所開啟的PHP專案程式碼能需為Apache的虛擬目錄,在Eclipse的PHP Web Browser才能執行並設中斷點;請修改Apache的http.conf來增加一個虛擬目錄。
Alias /eclipse "c:/<path_to_eclipse_parent_directory>/eclipse/workspace/" <Directory "c:/<path_to_eclipse_parent_directory>/eclipse/workspace/"> Options Indexes MultiViews AllowOverride None Order allow,deny Allow from all </Directory> |
- 接下來在Eclipse中設定預設的虛擬目錄,請選擇Windows->Preferences下的PHPeclipse Web Development->Project Defaults;並將localhost設為http://localhost/eclipse ,而DocumentRoot設為上述設的Eclipse Eclipse位置。
- 若您的專案直接建在Apache預設的虛擬目錄,則不用改http.conf檔案,只需將localhost設為http://localhost/ ,而DocumentRoot設為預設的虛擬目錄其實際的檔案路徑。
- 接下來實際測試除錯的功能,請先開啟PHP的專案,在Eclipse 上面有隻小蟲蟲的圖,點右邊的下拉鍵頭->選 Debug->PHP DBG Script->New於 Name 寫 PHPDebug。
- 再來點 Enviroment -> New -> 輸入PHP執行檔的路徑,例如D:\XAMPP\xampp\php\php.exe。
- 再點 Remote Debug -> 勾選 Remote Debug 再點選下放Debug。
- 於程式中設定 Debug point: 在要設定的地方最左邊用滑鼠點兩下。
- 按 F11 就會進入 Debug 的畫面,於Debug 的畫面時, F8 是執行下一步(一步一步執行)的意思, F6 是執行下一個 Debug 的 Point。