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

WampServer 给电脑搭建apache服务器和php环境的更多相关文章

  1. 在centos 7云服务器上搭建Apache服务器并访问到你的网站

    网站是指在互联网上根据一定的规则,用HTML等语言制作的网页的集合.网站的目的是用来展示一些信息,如果是个人网站则是为了展示自己的一些想被人知道的东西,例如自己的一些作品,又或者是通过网站来达到盈利的 ...

  2. Mac 下搭建 Apache 服务器

    Apache作为最流行的Web服务器端软件之一,它的优点与地位不言而喻.下面介绍下在Mac下搭建Apache服务器的步骤: (1)“前往” –>”个人” (2)在你的个人目录下新建一个文件夹,改 ...

  3. 搭建简易的c语言与python语言CGI和Apache服务器的开发环境

    搭建简易的c语言CGI和Apache服务器的开发环境 http://www.cnblogs.com/tt-0411/archive/2011/11/21/2257203.html python配置ap ...

  4. windows下搭建Apache+Mysql+PHP开发环境

    原文:windows下搭建Apache+Mysql+PHP开发环境 要求 必备知识 熟悉基本编程环境搭建. 运行环境 windows 7(64位); Apache2.2;MySQL Server 5. ...

  5. mac下搭建Apache服务器环境

    mac下自带了一个Apache服务环境,所以不需要另外去下载,直接配置就好了. 一.启动Apache服务 在终端下输入 sudo apachectl start , 启动Apache服务.在浏览器输入 ...

  6. Mac电脑配置Apache服务器详细说明

    Mac电脑服务器配置过程,无论是个人学习,还是公司测试都非常实用,流程精简易懂,用于让Mac电脑做服务器方便做网络数据请求的测试. 第一步:定位到 Apache2 目录 $ cd /etc/Apach ...

  7. 搭建Apache服务器并使用自签证书实现https访问

    实验环境:两台Centos7.2的虚拟机,一台作CA服务器,一台作Apache服务器,此处安装httpd-2.4.6的版本. 1)CA服务器 # 私钥一般存放位置:/etc/pki/CA/privat ...

  8. 在centos7云服务器上搭建Apache服务器并访问到你的网站

    使用X-shell ssh安全连接到云服务器 https://mail.qq.com/cgi-bin/mail_spam?action=check_link&url=https://www.n ...

  9. linux 搭建apache 服务器

    1.查看apache服务器 /etc/init.d/httpd status 若没有,则使用yum  -y install httpd  安装软件 2.设置开机启动 chkconfig httpd o ...

随机推荐

  1. Aapache status / apache2ctl status 总是403

    默认apache2ctl status访问的是http://localhost:80/server_status 所以得搞定default这个站点,放歌html就可以了. 在default的配置里加入 ...

  2. Skyline6.5系列覆盖三维地理信息产业上下游

    SkylineGlobe将于近日推出6.5 系列产品.该系列产品提供从产业链上游影像处理.中游二三维展示分析.下游具体业务应用等覆盖整个三维空间地理信息产业链的一体化.一站式产品与服务. Skylin ...

  3. HTML:模拟链接被按下,在新标签页打开页面,不使用window.open(可能被拦截)

    当按下一个按钮时,想打开一个新的标签页,可以使用window.open去实现但是因为使用window.open在新窗口或者新标签页中打开页面,有可能被浏览器给拦截.为了解决这个问题,可以模拟链接被按下 ...

  4. zxing扫码--镭射线

    同步发表于http://avenwu.net/2015/09/15/zxing_view_finder_laser 在很多应用中都有二维码扫描的需求,比如微信,通过扫描电脑二维码,实现用户登录授权: ...

  5. 使用 jackson 解析 json 演示样例

    首先须要下载3个包,下载地址在Github FasterXML,这三个核心模块各自是: Streaming ("jackson-core") defines low-level s ...

  6. 利用cmdline和gradle快速编译出apk

    http://blog.csdn.net/qq_16628781/article/details/49365139 gradlew.bat clean build --info > bugtag ...

  7. Python: 无参数的函数装饰器

    写带参数的函数装饰器最纠结的是需要包好多层,最外层是接收参数的函数,它返回一个接收函数的的函数.但这样有个问题是,最终包装出来的装饰器必须加()调用一下,即使没有参数也需要这样做,因为调用这个最外层函 ...

  8. LINQ TO ENTITY 根据Birthday获取Age

    from emp in EmployeeInfo let years = EntityFunctions.DiffYears(emp.Birthday.Value,DateTime.Now) let ...

  9. iOS常用宏 定义

    总结了iOS开发过程中的一些常用宏,以后会陆陆续续添加进来. 字符串是否为空 1   #define kStringIsEmpty(str) ([str isKindOfClass:[NSNull c ...

  10. RedRabbit——基于BrokerPattern服务器框架

    RedRabbit 经典网游服务器架构 该图省略了专门用途的dbserver.guildserver等用于专门功能的server,该架构的优点有: l LoginGate相当于DNS,可以动态的保证G ...