敏捷我的应用：开发环境搭建

敏捷我的官方应用前端是使用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.

我购买的虚拟主机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就会进入断点。

 

祝你们开一个好头