WampServer 给电脑搭建apache服务器和php环境

  前端不仅要做页面展示层,还负责着数据交互的部分,不要等到后端人员做好工作了前端才开始对接,那样太被动了。

  前端在完成静态页面的编码后,就要进行数据交互的模拟,比如ajax的数据交互,模拟跟后台对接。

  到真正前后端联调的时候,才能更方便。

  1.要进行数据交互,就得有后台吧。后台可以用php,java也可以呀,不过对比起来就稍微复杂了,配这配那的(又比如想放到新浪云上面调试,java相对来说代价高出许多)

  2.数据库随意,mysql很普遍

  3.既然要模拟,就得有访问,不能仅仅本地访问就行,搭个服务器,从别的终端上访问看正不正常?

(有时做手机页面的时候,虽然chrome上面的手机模拟器效果正确了,但放到手机浏览器上看,又有问题了..所以搭个服务器,时不时用手机访问一下,让页面更好地展现出来。

一种方法是放到新浪云,放到公网去,就直接都能访问了;另外一种就是在电脑配服务器,比如说有个wifi热点,电脑和手机都连上这个wifi了,就属于局域网之内了,手机就能进行对电脑服务器的访问了。)

  4.怎么搭建好呢?

  LAMP -- Linux,Apache,MySQL,PHP 是个很好的选择,但也许前端很少用到Linux,那选用WAMP也是不错的

  WAMP搭建起来也很简单,有一个wampserver软件包,一键安装,方便快捷。

  不同版本的也许会有差异,去 官网 下载最新版吧

  或者直接搜索下载就行

接下来就直接点击安装吧,不说了,一路下去,用它默认的就行了(它默认装C盘,你可以换为D盘)

最后的最后,安装完了之后,默认已经帮你做完了基础配置。

试用一下

首先,要开启服务。直接在开始菜单那里找wampserver,类似这个图标,点击它

然后就是服务开启阶段,看电脑右下角图标信息,有三种颜色

红色代表服务未开启状态,橙色代表开启中(或者有些模块不正常),绿色表示开启成功(三个模块都正常)

      

服务开启成功了,要怎么访问呢?

注意一下刚才wampserver的安装路径,如果是D盘的那就在D盘根目录下找wamp文件夹,在里边再找到www文件夹,www文件夹就是项目的默认访问路径了。

怎么说呢,默认情况下www下面只有这两个文件

index.php就是默认初始文件。

浏览器地址栏输入location就能访问到index.php,默认是使用:80端口号的,有些电脑可能会出错,就像这样

这是因为默认的80端口被占用了呗,我们配置一下Apache的端口就行了

点击右下角那个绿色图标,然后检测一下80端口占用状态,显示被占用了

那就来修改一下Apache配置文件httpd.conf

就是上边倒数第三个文件了,点击它打开(或者直接在文件路径下打开它,类似于这个路径)

可以把80端口改为88或者8080或者其他都行,我记得要改三个地方(一个是注释的,两个不是注释)

为了方便,直接ctrl+F把80全部替换为8080就行

改了之后重启wampserver--点击绿色图标,Restart all services

浏览器输入localhost:8080就能访问了

当然也可以直接点击这个localhost检测是否成功访问,点击phpMyAdmin可以进入mysql的可视化数据管理,试试吧

来点实的,现在在www里面新建个项目文件夹myTest,浏览器输入localhost:8080/myTest就会默认访问此文件夹下面的index.php文件,在index里面写个代码试试

浏览器访问成功了,127.0.0.1:8080/myTest也一样,同样的道理。

现在是本地访问,如果其他终端访问呢?

没问题,局域网下面能互相访问

假设电脑现在的ip地址是a.b.c.d

手机上(要连wifi,3G网不是局域网)ip是a.b.c.d1

手机访问a.b.c.d:8080/myTest就行了

不过很多时候会碰到下边的问题,无法访问

"You don't have permission to access / on this server."

其实也是跟wampserver的配置有关了,还是httpd.conf

网上查到的很多人都说是把这里的Deny改为Allow就行了

但也正因为版本不一致,配置文件不完全一样,有些时候还得再改一处

把Allow from 127.0.0.1 改为Allow from all

重启,wampserver,手机就能访问了

因为www是默认的项目主目录,配置文件中可以找到,可以自行修改路径

另外,mysql的可视化就通过上面说到那个phpMyAdmin查看使用

亦可以用控制台命令行使用

mysql的配置文件比如密码什么的可以去那两个ini文件看看

最后,贴上 httpd.conf配置文件详细描述 官方文档

或者 php100  and

最新文章

  1. 抓取百万知乎用户信息之HttpHelper的迭代之路
  2. Node.js开发者最常范的10个错误
  3. 大部分人都会做错的经典JS闭包面试题
  4. generator class 的含义
  5. Uvaoj 11624 - Fire!
  6. Atitit.阿里云c盘 系统盘爆满解决方案
  7. ES6新特性:let和const的使用
  8. SharedPreferences(转)
  9. 前端学习笔记(zepto或jquery)——对li标签的相关操作(二)
  10. 蓝桥杯 C语言 入门训练 Fibonacci数列
  11. 鼠标滚轮事件 onmousewheel
  12. DOUAudioStreamer 中的DOUAudioFileProvider理解笔记
  13. 从源码安装go 1.2.2
  14. Python生成随机验证码
  15. jquery的datatables第二次加载报错
  16. codeforces-4
  17. 创建局域网yum服务器
  18. keepalived高可用配置注意事项
  19. 【微信小程序开发】全局配置
  20. Spring的quartz定时器重复执行二次的问题解决

热门文章

  1. Form 表单中的Input元素回车时不保存表单
  2. Road to the future——伪MVVM库Q.js
  3. [转]移动端web页面使用字体的思考
  4. centos7 Linux 安装mysql
  5. 解决Windows Server2008 R2中IE开网页时弹出阻止框(Windows Server2008网页无法打开的问题)
  6. [Javascript] Limit Built Branches on Travis
  7. Windows内核安全与驱动开发
  8. SQL Server 连接问题圣经-命名管道
  9. apache 配置反向代理服务器
  10. IIS7 php wordpress 中文url 标签tag中文URL404解决方法