引言:很多时候,我们需要将代码放到服务器上调试。

对于小前端来说,PHP 集成环境 是个非常不错的选择。在 window 上这类软件有很多,一搜就知道。
我选择了WAMP5。体积较小,启动速度快,菜单较人性化,小图标有状态显示。

1.WAMP5

最初的设想:在本地搭建个PHP服务器,直接利用 PHP 集成环境,把写好的 HTML、CSS 和 JS 代码扔进去调试。因为工作要写手机端页面,所以将电脑和手机连接同一 wifi,将电脑本地的调试地址的localhost 换成 ip,然后发送给手机,手机就可以访问我在电脑写的页面。

例如:

图片描述

获得本地 ip:

方法一:

图片描述

方法二:

【WIN+R】-> type:cmd -> type:ipconfig

图片描述

localhost 换成 ip 地址:

图片描述

安装完成后遇到的问题:

  • 80 端口被占用

图片描述

图片描述

第一想到的去Apache的文件夹找配置文件修改,将 80 改成 8017:

图片描述

重启 WAMP5,所有的服务都正常运行了:

图片描述

图片描述

可是感觉哪里不对劲,例如,菜单栏上的 localhost 还是指向 iis 的页面,每次访问编写的页面还要加上端口号 8017等等。
于是,我下定决心要铲除 iis 这个阴魂不散的妖孽!(╯‵□′)╯︵┻━┻

  • 卸载IIS

软件设计中通常用耦合度和内聚度作为衡量模块独立程度的标准。划分模块的一个准则就是:高内聚,低耦合。iis 以及 MS 的其它开发组件看起来就像是一堆高耦合的东西,所以一直以来有点不喜欢。

Kill进程,取消勾选组件,等待,重启电脑,等待~~

图片描述

最后,80 端口被我夺回来了:

图片描述

  • 修改mysql的默认空密码

简单的几条 sql 语句,不用多说:

图片描述

  • 手机不能访问

手机电脑连接同一 wifi;修改 apache 配置文件;解除电脑防火墙,退出杀毒软件...
在同事的电脑安装尝试,可以...Σ(っ °Д °;)っ
再一次检查自己的,又折腾了很久,还是不行,由于没有太多时间,遂放弃,采用另一种方案。

2.SinaAppEngine

为了解决 WAMP5 的远程访问问题,我抡起了铺尘的 SAE 账号。

方案如下:

图片描述

弊端:

  • 为了让外部设备访问,在本地编写好页面要通过 svn 提交到 sae 上,频繁的修改查看效果会让工作量很明显增多;

好处:

  • 外部设备突破同一网络限制,可以直接发个链接给客户看效果;

软件下载

参考资料


omgdog
2.4k 声望332 粉丝

科科。