CSS學習筆記(十三) WAMP5 & SinaAppEngine

引言：不少時候，咱們須要將代碼放到服務器上調試。

對於小前端來講，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 上，頻繁的修改查看效果會讓工做量很明顯增多；

好處：

• 外部設備突破同一網絡限制，能夠直接發個連接給客戶看效果；

---

軟件下載

• 點擊這裏

參考資料

• win7完全卸載iis_百度經驗
• Win7解決Apache2.2的80端口被PID=4的進程佔用 | SingleX
• 如何修改WAMP中mysql默認空密碼_百度經驗
• 代碼部署手冊 — SAE文檔中心 1.0 文檔