2012年5月28日 星期一

使用主站主機子域名,在本機上架測試站。



想不到標題該怎麼下才好。

一般網站軟體工程師會使用低成本的虛擬主機來架站,並且在本機使用win系統透過appserv或xampp來架設測試站。

此時如果專案多了,在本機必須透過多個子文件夾來區分不同專案;然而在虛擬主機上,可能是不同的域名,這造成一種情況「測試站比主站多一層目錄」,例如:

www.project_1.tw => F:\xampp\htdocs\project_1\
www.project_2.tw => F:\xampp\htdocs\project_2\


而且當需要給夥伴或客戶查看時,那一堆難記的本機IP網址也是一件很困擾的事。

219.131.63.84\project_1\
219.131.63.84\project_2\


因此,可以考慮一種方法,即透過主站的子域名來訪問本機上的網頁伺服器。

dev.project_1.tw => 219.131.63.84\project_1\
dev.project_2.tw => 219.131.63.84\project_2\


假設使用win7作業系統並透過xampp來架設測試站,以及租用虛擬主機並透過cpanel來管理主站。

具體作法
1. 進入cpanel,點擊DNS編輯,新增一筆A記錄


2. 至本機 F:\xampp\apache\conf\httpd.conf 檔案中,加入以下語句:


# 宣告虛擬網站所要使用的IP
NameVirtualHost 219.131.63.84

# 從IP進來
<VirtualHost 219.131.63.84:80>
DocumentRoot    F:/xampp/htdocs/
ServerName      219.131.63.84
ErrorLog        F:/xampp/htdocs/error_log
TransferLog     F:/xampp/htdocs/access_log
</VirtualHost>

# 從dev.project_1.tw進來
<VirtualHost 219.131.63.84:80>
DocumentRoot    F:/xampp/htdocs/project_1.tw
ServerName      dev.project_1.tw
ErrorLog        F:/xampp/htdocs/project_1.tw/error_log
TransferLog     F:/xampp/htdocs/project_1.tw/access_log
</VirtualHost>

# 從dev.project_2.tw進來
<VirtualHost 219.131.63.84:80>
DocumentRoot    F:/xampp/htdocs/project_2.tw
ServerName      dev.project_2.tw
ErrorLog        F:/xampp/htdocs/project_2.tw/error_log
TransferLog     F:/xampp/htdocs/project_2.tw/access_log
</VirtualHost>


3. 進入 windows cmd,鍵入 ipconfig /flushdns 按下 enter 清除 DNS 解讀器快取。

4. 訪問 dev.project_1.tw 測試 或 cmd ping dev.project_1.tw 進行測試。

如無意外,訪問 dev.project_1.tw 的效果將等同於直接訪問 219.131.63.84\project_1\ 。

如此一來在分享測試網址給夥伴或客戶查看時,便方便不少。

2012年5月2日 星期三

使用 sublime text 2 來即時驗證 php 與 javascript 的語法正確性

安裝 SublimeLinter
https://github.com/Kronuz/SublimeLinter


安裝完成後
開啟 Setting - User

加入
"sublimelinter_executable_map":
{
    "php""F:\\xampp\\php\\php.exe",
    "javascript""C:\\Program Files (x86)\\nodejs\\node.exe"
},
"sublimelinter_popup_errors_on_save"true

註: 不知為何我在環境變數下加了path,仍無法使用相對路徑



存檔

開個 js 檔來亂打一通,馬上就會看到效果。

註: 如無效果,重開 sublime text 2 試試看...