敏捷個人官方應用前端是使用JQueryMobile+PhoneGap,後臺使用codeigniter PHP框架開發的,準備後續把開發的一些東西寫一下,幫助那些希望想從頭開始構建屬於自己的一個網站和手機應用的人瞭解具體應該如何去做。
今天開始講一下如何去搭建開發環境,這也是最基本的工作,但是如果不清楚裏面的工作,一個人配置起來還是蠻費時間的,因爲版本太多,一不小心就弄得暈頭轉向。
開發環境
Apache+PHP+MySQL
Android
Eclipse+chrome
Apache
1. 下載
我下載的是Apache版本號爲2.2.25. 最好下載msi安裝文件 httpd-2.2.25-win32-x86-openssl-0.9.8y.msi
一路Next安裝即可,爲了避免與80端口衝突,我們改爲8080,打開\Apache2.2\conf\httpd.conf,搜索“Listen 80”,將80修改爲8080
2. 添加虛擬目錄
Apache安裝完成後默認的網站根目錄 DocumentRoot "C:/Program Files (x86)/Apache Software Foundation/Apache2.2/htdocs" ,然而有時我們想把站點放到其它目錄下面,畢竟我們是要做開發的,這時最好就配置虛擬目錄了。比如我們要訪問的敏捷個人站點是 "http://localhost:8080/HappyLife/index.php",我們的PHP代碼存放在 "e:\happylife\php\index.php",現在我們來開始配置一下,打開httpd.conf文件,搜索<IfModule alias_module> 節點,然後在 ScriptAlias /cgi-bin/ "C:/Program Files (x86)/Apache Software Foundation/Apache2.2/cgi-bin/" 之後輸入以下內容:
#下面是具體的示例,/HappyLife是目錄別名 "e:/happylife/php"是虛擬目錄的實際路徑Alias /HappyLife "E:/happylife/php"<Directory "E:/happylife/php"> Options Indexes FollowSymLinks AllowOverride All Order allow,deny Allow from all</Directory>
這裏需要注意下目錄儘量使用"/",而不是使用"\",原因就是"\"代表轉義符有些情況下會導致莫名奇妙的錯誤
PHP
1. 下載
打開 http://windows.php.net/download 鏈接,左邊告訴了應該選擇哪個版本
上面寫到:If you are using PHP with Apache 1 or Apache2 fromapache.org (not recommended) you need to use the older VC6 versions of PHP compiled with the legacy Visual Studio 6 compiler. Do NOT use VC9+ versions of PHP with the apache.org binaries.
因爲我下載的Apache是標準版本,並且希望把PHP安裝成Module,所以選擇VC6 的 Thread Safe版本, 在 archives 中下載安裝包 php-5.2.9-2-Win32-VC6-x86.msi
2. 配置Apache支持PHP
打開C:\Program Files (x86)\Apache Software Foundation\Apache2.2\conf\httpd.conf,查找到#LoadModule vhost_alias_module modules/mod_vhost_alias.so,在其後面添加如下代碼,
LoadModule php5_module "c:/Program Files (x86)/PHP/php5apache2_2.dll" PHPIniDir "c:/Program Files (x86)/PHP/"
第一行是指以module方式加載php,第二行是指明php的配置文件php.ini的位置.
查找 AddType application/x-gzip .gz .tgz,在其後添加代碼:
這裏是定義能夠執行php文件類型,即.php和.html的文件能執行PHP程序。
3. 配置PHP.ini
打開 "c:\Program Files (x86)\PHP\php.ini" ,查找到extension_dir,複製路徑"c:/Program Files (x86)/PHP/ext"
4. 測試頁面
重新啓動Apache服務,在Apache網站根目錄C:\Program Files (x86)\Apache Software Foundation\Apache2.2\htdocs下創建一個 phpinfo.php 文件:
<?php phpinfo(); ?>
[Xdebug] zend_extension_ts="c:/Program Files (x86)/PHP/ext/php_xdebug-2.1.2-5.2-vc6.dll"xdebug.remote_enable=1xdebug.remote_host=127.0.0.1xdebug.remote_port=9000 xdebug.remote_handler=dbgpxdebug.auto_trace = Onxdebug.show_exception_trace = Onxdebug.remote_autostart = Onxdebug.collect_vars = Onxdebug.collect_return = Onxdebug.collect_params = On
MySQL
1. 下載MySQL
根據需要自行選擇下載,這個對安裝配置關係並不大
2. 配置PHP先支持MySQL
打開php5.3.25文件夾下的php.ini文件,查找到"extension=php_mysql.dll"和"extension=php_mysqli.dll"。默認的話應該就已經打開
3. 初始化數據庫
我這個應用是與wordpress結合的,所以需要把wordpress的數據庫作爲初始化數據庫弄到本地方便調試,可以通過Navicat for MySQL連接後轉儲數據庫SQL文件,然後在本地數據庫建立一個同名的數據庫,並執行之前存的SQL來初始化數據庫。在初始化數據庫過程中,可能會出現錯誤:Got a packet bigger than 'max_allowed_packet' bytes
這是因爲超過包的大小,你可以打開查詢,輸入set global max_allowed_packet=524288000; 來臨時調整一下大小再執行SQL語句
Eclipse
1. 下載 Eclipse for PHP版本
你可以下載 http://www.eclipse.org/downloads/ JavaEE版本後自己再安裝插件,這裏我們就簡單一些,直接下載for PHP版本 http://www.eclipse.org/downloads/packages/eclipse-php-developers/helio***2
2. 配置PHP調試
在eclipse的項目裏的Properties裏面找到"PHP Debug",在PHP Debugger裏面選擇"XDebug"
再配置一下:
再在Windows->Preferences裏面配置下PHP Servers
Android
1. 下載SDK
根據你自己的系統,在這裏選擇下載32位或64位SDK http://developer.android.com/sdk/index.html?hl=sk#download
chrome
1. 配置可進行跨域調試
因爲我們後面將使用Phongegap+JqueryMobile進行開發,會進行跨域調試,在chrome.exe快捷方式後增加參數後重新打開chrome即可
chrome.exe --disable-web-security
再進行以上配置時,大家一定要注意版本和我的要一致,如果不一致,下載的文件你們就要自己選對應的下載了,如果一切順利的話,就可以在chrome輸入一個地址,eclipse就會進入斷點。
祝大家開一個好頭