敏捷我的應用:開發環境搭建

敏捷我的官方應用前端是使用JQueryMobile+PhoneGap,後臺使用codeigniter PHP框架開發的,準備後續把開發的一些東西寫一下,幫助那些但願想從頭開始構建屬於本身的一個網站和手機應用的人瞭解具體應該如何去作。php

 

今天開始講一下如何去搭建開發環境,這也是最基本的工做,可是若是不清楚裏面的工做,一我的配置起來仍是蠻費時間的,由於版本太多,一不當心就弄得暈頭轉向。html

開發環境

  • Apache+PHP+MySQL
  • Android
  • Eclipse+chrome

Apache

1. 下載前端

我下載的是Apache版本號爲2.2.25. 最好下載msi安裝文件 httpd-2.2.25-win32-x86-openssl-0.9.8y.msi mysql

一路Next安裝便可,爲了不與80端口衝突,咱們改成8080,打開\Apache2.2\conf\httpd.conf,搜索「Listen 80」,將80修改成8080android

2. 添加虛擬目錄ios

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/" 以後輸入如下內容:web

#下面是具體的示例,/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>

這裏須要注意下目錄儘可能使用"/",而不是使用"\",緣由就是"\"表明轉義符有些狀況下會致使莫名奇妙的錯誤sql

PHP

1. 下載chrome

打開 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.

我購買的虛擬主機PHP裝的版本是5.2.9,爲了讓發佈後不出現莫名的問題,因此選擇了與此同樣的版本號。又由於我下載的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,在其後添加代碼: 

AddType application/x-httpd-php .php .html

 

這裏是定義可以執行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();
?>
在瀏覽器中打開 http://localhost:8080/phpinfo.php,若是顯示以下,說明以上配置成功
 
5. 配置Xdebug 
後面咱們使用Xdebug進行調試,咱們在  http://xdebug.org/download.php 下載,根據咱們所選的PHP版本,咱們下載 PHP 5.2 VC6 TS (32 bit) ,打開 "c:\Program Files (x86)\PHP\php.ini" ,添加:
[Xdebug] 
zend_extension_ts="c:/Program Files (x86)/PHP/ext/php_xdebug-2.1.2-5.2-vc6.dll"
xdebug.remote_enable=1
xdebug.remote_host=127.0.0.1
xdebug.remote_port=9000 
xdebug.remote_handler=dbgp
xdebug.auto_trace = On
xdebug.show_exception_trace = On
xdebug.remote_autostart = On
xdebug.collect_vars = On
xdebug.collect_return = On
xdebug.collect_params = On

 

從新啓動Apache服務,看到xdebug說明配置成功

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/heliossr2 

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就會進入斷點。

 

祝你們開一個好頭

相關文章
相關標籤/搜索