开发者社区> 技术小胖子> 正文

敏捷个人应用:开发环境搭建

简介:
+关注继续查看

敏捷个人官方应用前端是使用JQueryMobile+PhoneGap,后台使用codeigniter PHP框架开发的,准备后续把开发的一些东西写一下,帮助那些希望想从头开始构建属于自己的一个网站和手机应用的人了解具体应该如何去做。


251616281079932.png

今天开始讲一下如何去搭建开发环境,这也是最基本的工作,但是如果不清楚里面的工作,一个人配置起来还是蛮费时间的,因为版本太多,一不小心就弄得晕头转向。

开发环境

  • 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 链接,左边告诉了应该选择哪个版本

251459207951604.png

上面写到: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();
?>
在浏览器中打开http://localhost:8080/phpinfo.php,如果显示如下,说明以上配置成功
251543173103199.png
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=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


重新启动Apache服务,看到xdebug说明配置成功
251604206853931.png

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"

05164057-5543c55010d944698a7171b3e136675

再配置一下:

05164058-b3f04a3096254541bd5c61ae817d734

05164059-252a826cda30431989919a3622e0459

再在Windows->Preferences里面配置下PHP Servers

251650442481904.png


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

251654325601620.png


再进行以上配置时,大家一定要注意版本和我的要一致,如果不一致,下载的文件你们就要自己选对应的下载了,如果一切顺利的话,就可以在chrome输入一个地址,eclipse就会进入断点。

251659072793058.png


祝大家开一个好头






 本文转自 陈本峰 51CTO博客,原文链接:http://blog.51cto.com/zhoujg/1403019,如需转载请自行联系原作者

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
开发人员,怎能没有个人博客!域名ICP备案
开发人员,怎能没有个人博客!域名ICP备案
86 0
夹缝中生存的个人开发者
  个人开发者在5年前不是一般的吃香,即使是在三年前也能如鱼得水,可是如果一个移动开发者现在自己要当一个个人开发者,那你就是在夹缝中生存。为什么?答案只有一个:因为你不是第一个吃螃蟹的人。   如果是在前几年,你就是个人开发者中的一员或者自己做点小软件,加个广告挣钱,估计现在你每天的收入应该很不错,每个月几千块钱或者甚至上万都是不成问题。毕竟第一个吃螃蟹的人是非常勇敢和幸运的。我
1388 0
想将算法进一步开发吗?手把手教你搭建基于CNN模型的Flask Web应用
想将算法进一步开发应用产品吗?本文手把手教你搭建基于CNN模型的Flask Web应用,算是抛砖引玉了。感兴趣的读者可以将自己的算法开发成其他类型的应用产品,说不定下一个人工智能创业公司Boss就是你哦!
5037 0
dubbo-admin 监控搭建(最官方、最详细)
因为我们不能直观的看到dubbo和zk上到底有什么服务(提供者),所以我们需要一个可视化工具来方便我们管理每一个服务和每一个节点。 先上个成功后的监控图: 示例环境 maven 3.x jdk 1.8 tomcat 1.8 idea 2018 git 1.克隆项目 apache 下的dubbo-admin git仓库 :https://github.com/apache/incubator-dubbo-ops 我们需要先把这个项目用git克隆到本地中。
1430 0
21114
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
JS零基础入门教程(上册)
立即下载
性能优化方法论
立即下载
手把手学习日志服务SLS,云启实验室实战指南
立即下载