CSS学习笔记(十三) WAMP5 & SinaAppEngine

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

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

1.WAMP5

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

例如:

《CSS学习笔记(十三) WAMP5 & SinaAppEngine》

获得本地 ip:

方法一:

《CSS学习笔记(十三) WAMP5 & SinaAppEngine》

方法二:

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

《CSS学习笔记(十三) WAMP5 & SinaAppEngine》

localhost 换成 ip 地址:

《CSS学习笔记(十三) WAMP5 & SinaAppEngine》

安装完成后遇到的问题:

  • 80 端口被占用

《CSS学习笔记(十三) WAMP5 & SinaAppEngine》

《CSS学习笔记(十三) WAMP5 & SinaAppEngine》

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

《CSS学习笔记(十三) WAMP5 & SinaAppEngine》

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

《CSS学习笔记(十三) WAMP5 & SinaAppEngine》

《CSS学习笔记(十三) WAMP5 & SinaAppEngine》

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

  • 卸载IIS

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

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

《CSS学习笔记(十三) WAMP5 & SinaAppEngine》

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

《CSS学习笔记(十三) WAMP5 & SinaAppEngine》

  • 修改mysql的默认空密码

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

《CSS学习笔记(十三) WAMP5 & SinaAppEngine》

  • 手机不能访问

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

2.SinaAppEngine

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

方案如下:

《CSS学习笔记(十三) WAMP5 & SinaAppEngine》

弊端:

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

好处:

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

软件下载

参考资料

    原文作者:omgdog
    原文地址: https://segmentfault.com/a/1190000002471857
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞