第一次架站就上手 – 新設公司或餐廳咖啡廳的網路宣傳救星,讓你三分鐘架好web server,五分鐘架好wordpress,擺脫FB對你的網站控制!

第一次XX就上手系列有點寫上癮了,除了之前的第一次報稅就上手第一次開餐廳或咖啡廳就上手以外,這次因為剛好有參加並入選一個小玩具的測試,剛好來寫第一次架站就上手。從以前到現在,其實最常幫朋友做的事情就是寫公司的網站,只要有朋友要新設公司或餐廳、咖啡廳,在以前還沒有FB以及粉絲專頁可以這麼方便的來當公司宣傳網站時,唯一能做的就是製作一個公司的網站來當網路宣傳。不過每次做好網站,要DEMO給業主看時,我當然是可以找到一個免費的空間來暫時放,但是一旦變成公司要使用時,就會發現業主很難接受需要繳付月費或年費的網路空間,如果要用免費的空間如Hinet申請時所贈送的空間,最大的問題就是在每個網頁都會被置入廣告,這其實看起來是很奇怪的。再不然就是要買一台PC,然後又要花上我很多時間來設定,但是到最後發現業主最難接受的就是一台電腦不知道為什麼需要24小時開機。(苦笑)

剛剛提到的小玩具,就是T客邦華芸科技所共同舉辦的⌈華芸科技為 NAS 寫下新定義,也徵求你來為 AS5102T & AS5002T寫下最有趣的使用情境⌋的活動,很幸運的入選了測試 AS5002T的機會。當初看到活動時,我是被活動說明內的這一段話給吸引的:

華芸科技致力於打造更豐富的家庭多媒體中心,滿足現代人多元的數位娛樂環境,ASUSTOR NAS透過內建 HDMI 接口以及各種多媒體Apps,輕鬆連接各種播放器即時享受最愉悅的觀影需求。華芸支援高畫質(1080p HD)的輸出,通過 ASUSTOR 應用程序,可以安裝額外多媒體服務如UPnP媒體服務器和iTunes server讓你的 NAS 串流多媒體內容到你的電腦、電視和行動設備,安裝SoundsGood透過網頁瀏覽您的音樂收藏,LooksGood安裝數位電視棒即可錄下喜愛的電視節目,給您耳目一新的影音娛樂體驗,加上華芸免費提供各種下載好物:Takesy、Download Center等等,什麼都有、什麼都載、什麼都不奇怪!此外,華芸獨家 ASUSTOR Portal 將 NAS 變成多媒體播放器,不再需要打開電腦才能播放影片、回憶照片或瀏覽網頁,無論是早已備份儲存的照片影片、還是熱騰騰剛下載好的影集,都能立即透過XBMC播放,搭配環繞影音擴大機體驗高清晰多聲道細節,讓你沉浸十足的影音聲光效果。

有沒有搞錯啊? 一台NAS有這麼多附加功能? 這其中的運作方式倒是引起了我一些些興趣,所以就順手晃到了原廠網站去看了一下,結果就讓我發現了新大陸!

耶? 這不就是我正在找的東西嗎? 除了Web Server以外,還內建MySQL Server? 我想,如果你是一個有架站經驗的人,你的眼睛現在應該跟我當初剛看到這個資訊時一樣,正在閃閃發亮吧!再仔細看下去,發現如果真的如網頁上所說這麼多功能都能達成的話,那只要買這一台與HDD,除了原先在公司內部可以使用的NAS檔案備份伺服器以外,而且還順便搞定了 Web Server、FTP Server、Wordpress blog Server、Email Server以及SQL Server,而且連監視系統所用的錄影伺服器也都可以在這一台上搞定耶! 這樣當然要來測試看看啊! 如果真的這麼方便的話,以後只要叫業主買這一台就可以了阿,只要付一次錢,就可以解決所有問題了啊! 結果我測試完之後,我非常有信心地跟大家說,買了這台NAS以及HDD,然後申請完ADSL,再加買一台可以協助自動ADSL撥號以及配發虛擬IP的DHCP server的Router,這樣從你把已經裝好HDD的NAS按下開機鍵開始進行設定,只要三分鐘你就可以架好你的web server,五分鐘內就可以架好屬於你自己的 WordPress Blog Server。不相信? 看我以下的心得分享,你也可以跟著做,我相信你也可以在五分鐘之內搞定這兩個Server。(只是網站內容還是空的,網站要交給專業的來製作設計的阿!)

首先,你要先確定幾件事情。你的ADSL已經牽好,你的Router已經設定好隨時自動撥號,以及DHCP Server也要設定完成,已經有一台PC可以上網了。另外,如果有需要的話,要去申請你的 Domain Name,或是使用免費的Dynamic DNS如 no-ip 的DDNS服務。以上這些,都不是本文要寫的重點,以上如果有任何疑問,都請詢問你那懂電腦(又可憐)的朋友(免費苦工)們、或是花點錢請電腦公司來幫你處理完上述的所有事情。

接下來就是按照NAS包裝內的說明書,把HDD正確的裝入NAS當中,接上一條網路線連結NAS到Router間,就可以接上電源線準備按下電源鍵,來打開NAS(並按下碼表開始計時)開始進行初始設定了。通常到這邊的第一個疑問就是,我到底是要買一顆HDD還是兩顆HDD來放在NAS裏頭用呢? 簡單來說,如果你放在NAS裡面的資料沒有很重要,那就放一顆就好。但是如果你買NAS不就是要使用RAID功能的嗎? 如果你真的是要來當上述所有的SERVER使用時,真的會建議是一次買同型號的兩顆HDD來用,這樣你的資料才會有比較安全的備份的。另外,找一顆品質好一點的HDD也是很重要的,因為NAS是24HR開機的,所以其讀寫是很頻繁的,這次一起送來的硬碟是Seagate 2TB NAS 專用硬碟,型號 ST2000VN00,這是一顆是專為 NAS 所設計的硬碟,適合 NAS 儲存操作及磁碟陣列等用途。

開機之後,如果你的DHCP Server是運作正常的,那你的NAS應該是會被自動配發一組IP來使用的。請先回到Router的設定網頁上去查詢配發給NAS的IP,然後再打開瀏覽器,在網頁上直接打入該IP,然後你就可以看到瀏覽器會載入初始化NAS的網頁,如下圖所示。

為了搶時間,直接按下 “一鍵設定” 按鈕。按下後會出現如下圖畫面,這裡是要你設定NAS的名稱以及設定管理員帳號admin的密碼的填寫欄位,以及初始系統依照你裝置HDD的數量所判定的空間需求選項。因為我測試時只收到一顆HDD,所以當然只有Raid 0模式的最大儲存空間選項可以選而已。

如下圖,填入你所有資料,並且在最下方的核選方塊打勾之後,按下右方的箭頭開始進行初始化。

初始化完成之後,會跳到如下圖的 NAS註冊網頁。

如果你不知道甚麼是ASUSTOR ID,請直接選第一選項,如果你已經曾經在ASUSTOR上註冊過,請選第二個選項並填入你的ID與密碼,如下圖所示。再按下右方箭頭繼續後續設定。

如果你是選第一選項,你會看到下圖的註冊表單,填完之後再按右方箭頭繼續。

如果你選的是第二選項,則查驗完ID/PASS會出現如下圖已帶入你個人資訊的註冊網頁,然後選完本NAS使用狀態選項後再按下右方箭頭繼續。

最後出現這個畫面表示初始化及註冊完成了,按下開始就會進入登入畫面了。

接下來你就會看到如下圖的歡迎畫面了。

把中間的畫面關掉後就可以看到最原始的選項了。

接下來請選服務,然後就會出現內建伺服器的清單,供你打開服務開關,就可以使用了。服務伺服器清單如下圖。

http://i.imgur.com/0DXjNPj.png

接下來點選Web伺服器跳出選單,把”啟用網站伺服器”以及”啟用個人網站”打勾開啟,最後再按下最下方的套用,這樣你機器的Web Server就已經開好了,這樣有沒有很簡單。至於”啟用加密網站伺服器(SSL)”指的就是透過https來連結網站,這個部分就端看你有沒有需求了。

http://i.imgur.com/KdYmkoi.png

請記得,NAS的管理是透過PORT 8000來存取,網站就是用PORT 80。如果你還沒有開啟 Web伺服器之前,我們如果直接在網址列打入NAS的IP連結時,是會自動轉到PORT 8000到管理模式的,那我們現在開好了 Web 伺服器之後,再來打一次網址連結看看,你應該可以看到如下圖的畫面,如果有看到此畫面而沒有轉至port 8000的管理畫面,這就表示你開啟成功了。

http://i.imgur.com/icWb7Pm.png

然後,你只要把網站的資料放到NAS主目錄下的Web資料夾裡面,這樣你的網站就可以運作了。我想,到現在應該沒有超過三分鐘才對。

接下來是安裝Wordpress了。首先在同一個服務列表下請點選 MySQL 伺服器,把”啟用 MySQL 伺服器” 勾選起來,”啟用 MySQL 遠端存取”也打開。然後先按初始化資料庫,再按重置密碼,最後再按套用,這樣MySQL Server就完成開啟了。

http://i.imgur.com/nYfKBMB.png

http://i.imgur.com/wAacU0M.png

http://i.imgur.com/PygsYaJ.png

然後跳出服務回到主目錄,點選App Central,會先跳出使用者條款同意書,看完按同意之後,就會跳到已安裝的APP畫面,此時你應該可以看到如下圖,已經預設安裝了12個APP,但都是處於關閉狀態,要打開APP,只要扳動下方的開關。

http://i.imgur.com/8dw7LXn.png

要架設wordpress server,要安裝的當然就是wordpress這個軟體,以及檢視/編輯或新增MySQL Server資料庫所需要用的軟體 – phpMyAdmin。請點選本畫面左方的”所有Apps”,向下拉至 P開頭的軟體尋找出並安裝 phpMyAdmin,以及最後面的Wodpress。圖示分別如下。

http://i.imgur.com/m1qtjnB.png

http://i.imgur.com/FUIVBMg.png

這時候回到主畫面,你應該會看到這兩個新安裝的軟體出現在畫面上,如下圖所示。

http://i.imgur.com/uMT75q8.png

先點執行 phpMyAdmin,會跳另外一個視窗(分頁)來顯示 phpMyAdmin,你會先看到登入畫面,如下圖。

http://i.imgur.com/PykojXM.png

剛剛我們有執行過重置密碼,所以這時候的帳號為 root 密碼為 admin。成功登入後畫面如下圖。

http://i.imgur.com/e2Gfy0U.png

一定要先做的一件事情是更改密碼,以免被外部測試登入成功。請點選一般設定下方的修改密碼。點選後會出現一個浮動視窗,請於中間密碼處填入你要設定的新密碼,後方的重新輸入欄再填入一次新密碼驗證,最後點選下方的執行,如下方圖片所示。

http://i.imgur.com/zpfutWT.png

修改完後會請你重新登入,帳號仍然是root,密碼則為剛剛輸入的新密碼。登入成功後點選上方的資料庫頁籤,會出現如下圖的畫面。

http://i.imgur.com/lbl8iO6.png

如果要安裝任何需要使用到mySQL 資料庫的軟體,一定都要到這邊來先將資料庫先設定好才能執行安裝。我們接下來要安裝wordpress,所以我們先建立一個名為WP(可自取自己容易辨識的名字,大小寫是有分別的)的資料庫。請於建立資料庫下方的欄位填入WP(或你取的資料庫名稱),並點選後方的建立。

http://i.imgur.com/gJfCTa7.png

http://i.imgur.com/cl7Of8T.png

建立成功之後就會在列表當中看到你剛剛建立的資料庫。這樣就完成了Wordpress的資料庫建立與設定了。

http://i.imgur.com/NhqGQBH.png

再回到主畫面,點選執行Wordpress後會跳出新視窗(分頁)來顯示有關Wordpress的資料。此時應該會出現wordpress錯誤畫面如下。

http://i.imgur.com/4sh7o88.png

按下下方Create a Configuration File,進入Wordpress簡介畫面以及按下Let’s go之後會出現初始設定畫面如下。

http://i.imgur.com/u3S7MiZ.png

http://i.imgur.com/wsUIC6C.png

由上而下依序填入以下資料。第一欄為資料庫名稱,填入剛剛在 phpMyAdmin 中所建立的資料庫名稱,以我為例這邊要填入WP。第二及第三欄填入 MySQL Server的帳號密碼,帳號是root,密碼則為自行重新設定的密碼。第四欄為資料庫存放位置,這邊不變使用預設值,以及第五欄一樣保持預設值即可。填入資料的範例如下圖。

http://i.imgur.com/zVLAzqW.png

最後點下Submit會跑出確認畫面如下。按下Run the install 就會開始進入設定Wordpress網站基本資料。如果不是跑出下面的圖而是跑出錯誤資訊,請再重新檢查輸入資料是否正確。

http://i.imgur.com/d7whXpQ.png

接下來就是網站基本資料填入區,如下圖,分別說明如下。第一欄為你的網站名稱,中英文皆可。第二欄為設定你的帳號,可以自己取ID,這是用來登入Wordpress的,所以最好是不要取root這樣的帳號。第三第四分別為填入兩次屬於這個ID的密碼,這兩個資料在安裝完成後就會用來登入這一個Wordpress系統,所以請牢記。下圖為示範資料請參考。

http://i.imgur.com/tx4SlPG.png

檢查輸入資料無誤後按下最下方的 Install WordPress,一下子就完成了安裝動作後就會跳出安裝成功畫面如下。

http://i.imgur.com/EnK3D6v.png

點選Log in,會跳出Wordpress登入會面如下,使用剛剛的帳號密碼來登入Wordpress系統。

http://i.imgur.com/8ASYTUn.png

到此就大功告成了。一個可以讓你寫部落格的Wordpress系統已經在你的NAS上面,這樣是不是非常簡單呢?接下來再解決幾個問題就好了。下方圖為登入Wordpress後所出現的主控台畫面。

http://i.imgur.com/CRCV7Ke.png

最上方有個黃色橫條寫著 “WordPress 4.1.1 is available! Please update now.” (不一定會出現這個版本,只要高於4.1.1版號就會更新成最新版好)的字樣,點下 “Please update now”的字樣後會出現下圖,點下”Update Now”來進行更新。

http://i.imgur.com/4iDdWgv.png

更新完成後會自動登出,請再重新登入一次,進入主控台後會有新版本簡介,如下圖畫面。

http://i.imgur.com/TYCa0Nb.png

為什麼要急著更新呢? 因為Wordpress自從版本4.0就直接把語系檔案建在主控台當中。請點選左方的 Setting,General。將出現的畫面拉至最下方,就可以看到更改語言的選項在最後一個如下圖。

http://i.imgur.com/fKvMPEW.png

選擇繁體中文後再點下 Save Changes,你就會看到妳的主控台以你認識的文字出現在你眼前了。到此Wordpress的設定已經完成最困難的部分,是不是只要五分鐘就可以搞定了呢?我們點選主控台左上角你網站名稱的部分,你就會發現你的Wordpress已經用最美的姿態在等著你了。

http://i.imgur.com/Aj4EtdB.png

最後還沒解決的,只剩下對外聯通的問題,這時候我們就需要Domain name或是使用DDNS了。這邊我用noip.com的DDNS服務來說明,這是我原先就申請過的一個DDNS。請回到NFS的主畫面選單,點選”設定”,再點”輕鬆存取”後,會跳出以下畫面。

http://i.imgur.com/R8UGRC7.png

這三個頁籤的東西都要設定,首先要先設定EZ-Router。按下啟動之後如果沒問題,就會出現就緒的狀態,如下圖所示。

http://i.imgur.com/rxGiZA7.png

http://i.imgur.com/t49Qoa2.png

通常我會在Router上面將派給NFS的Dynamic IP設為固定配給,然後在Router上面設定這個IP為DMZ。另外,Router如果有外網連結進來管理的功能也要關掉或者避開port 80,否則你的網頁會直接跳到router的設定網頁而不是NFS的Web資料夾的index.html。

在回到剛剛的 Cloud Connect。這是要讓你使用你的ASUSTOR ID來進行登入你的NFS伺服器,這個在你的PC跟NFS不在同一個網段或人在外面的時候可以方便連回來管理NFS的一個連結網址。勾選啟用 Cloud Connect,再按下套用,如果正確的話會出現回應資訊如下圖,並配發與你ID相同的一個連結網址。

http://i.imgur.com/mMDLSEn.png

最後就是設定DDNS。我是使用noip的服務,先勾選”啟動DDNS服務”然後套用,然後把DDNS申請的資料填入表單內,然後按下更新。如果更新成功,就會如下圖所示。

http://i.imgur.com/bClKpf1.png

http://i.imgur.com/HzanJnC.png

DDNS目前有支援的供應商列表如下

http://i.imgur.com/rtDbtKG.png

然後就可以用手機開瀏覽器,於網址欄打你入在DDNS上所申請的使用網址,試試看這樣透過網址是不是可以連得上了。請記得,Wordpress的安裝暴露是在Web目錄底下的wordpress,所以要能訪問得到你剛剛設定的Wordpress網址應該會是在 http://aaa.bbb.com/wordpress 這樣才連得到。如以下圖所示範。

http://i.imgur.com/QzhSoaU.png

以上是五分鐘架站教學,希望大家會喜歡。如果華芸的工程師有在看,你們要不要乾脆把ADSL撥號程式以及DHCP server直接也一起寫到NAS裡面來啊?這樣會不會讓user更方便呢?

除此之外,這台AS5200T還能做甚麼?

其實我本來對於這台最好奇的地方其實是他可以連結無線網路攝影機(IP CAM), 然有以NAS的硬碟來當作監視系統的錄影設備。不過截稿前我的IP CAM還沒到貨,所以我沒有辦法做測試,只好靜待本文有拿到第一名(咦?)然後獲得獎品NAS一台的時候再來做測試了,所以請大家多多按讚按分享阿~

除此之外,因為有了MySQL Server了,所以可以在本機器上妝的東西太多太多了,我光從目錄看,不管是當討論版的 phpBB 3, 當相簿分享儲存系統的 Gallery 3, 線上購物系統OSC, UPnP Server, VPN Server, iso檔直接掛載虛擬光碟直接使用, 支援 AirPlay 的 iTunes 伺服器, 也可以利用機器背後的HDMI輸出,直接撥放所有在NAS裡面的片子,只要安裝ASUSTOR Portal,隨機還附贈一支遙控器,讓你完全就把這一台當Media Server來使用了。當然也有人拿來駝迷片的,所以不管是 amule、 utorrent、BitTorrent sync等等,都可以安裝至本機器上,而且原廠還提供了一支叫做下載中心的APP你看這有多貼心。

我想,這台NAS最也是最終的唯一的問題,可能就是硬體設備到底夠不夠堅強到可以裝這麼多的Server及APP了。以下是原廠的硬體標示,大家參考看看嘿。

http://i.imgur.com/vJAnXiE.png

http://i.imgur.com/IYNei3l.png

http://i.imgur.com/as7OoGi.png

這台機器還是得要經過非理性USER的長期對待(例如連續三個月不停歇地抓著驢子U/D東西,或是24/7的長時間HD影片撥放),才知道這台機器的能耐極限到底可以到甚麼程度,這個就看我未來還有沒有機會跟他相處,如果有的話,這樣一定可以為大家寫本文的續集,因為這台機器可以寫東西實在是太多太多了。

(雖然我現在自己心已經很癢的想要去賣場搬一台回來用了 XDDDD)

第一次架站就上手 – 新設公司或餐廳咖啡廳的網路宣傳救星,讓你三分鐘架好web server,五分鐘架好wordpress,擺脫FB對你的網站控制!” 有 2 則迴響.

  1. HI,看文章介紹,感覺是不錯用的設備,
    但好像是 AS5002T 而不是 AS5200T ?

    [回應]

    TACO 回應:

    啊啊啊~~ 中間有筆誤啦
    是 AS5002T 這台機器啦~

    [回應]

發表迴響

%d 位部落客按了讚: