架站不再是專業人士的專利,只要有一台 ASUSTOR NAS 輕鬆幫你搞定

架站一定是專業人士的專利嗎?之前為了空間的需求將淘汰的舊PC手動打造一台免費的多功能NAS,不過體積龐大且不美觀,之後挨踢路人甲在Windows 10 使用 XAMPP 架站工具包架設網站。自從有了NAS後,存儲空間解決了,發現如今的NAS似乎已不是我們想像中的NAS而已,各家廠商所推出的NAS功能越來越多、速度越來越快且有支援更多的服務,想要架設網站,只要一台 ASUSTOR NAS 輕鬆幫你搞定。

追蹤挨踢路人甲的FB 粉絲專頁: 點選這裡
Telegram 訂閱挨踢路人甲文章: 點選這裡

架站的基本環境

筆者的工作機是Windows系統,雖然有提供IIS(Internet Information Services)服務,但架一個網站除了網頁伺服器外,資料庫、搭配的語法(ASP.NET或PHP)…等的運用也是不可或缺的,PHP語法的免費資源相當眾多,往往是架站的應用天堂,如果你有多餘的一台電腦或虛擬機器,則可以參考XAMPP架站包,Xampp集成了Apache、PHP、MySQL、Perl等工具的網頁伺服器安裝包,去掉了一些繁瑣安裝過程,讓一般不懂程式語言的人也可以輕鬆快速的架站。

之前ADM要架站是從「服務」->「網站伺服器」,不過發現,網站伺服器與虛擬主機已經整合在Web Center的內建應用程式中。

 

進入ADM系統畫面,你會找到一個內建的Web Center應用程式。

 

整合網站伺服器與虛擬主機後的「Web Center」,輕鬆架設眾多的網站與管理,下圖「總攬」中可看到網站的套件與PHP的版本。

 

「網站伺服器」頁面上可以做一些設定,如網站伺服器通訊埠與加密網站伺服器通訊埠的變更,也可以調整PHP快取的大小。

 

除此之外,「Web Center」支援PHP與Apache版本的版本選擇,這樣你不用擔心移植或網站伺服器的相容性,記得變更後要按下〔套用〕喔!

 

在「套件」內容畫面上,你可以看到後端套件的選擇與安裝,除了有Nginx、Apache與PHP的選擇外,還有可安裝、已安裝和啟用裝的狀態查看,挨踢路人甲會將所有的後端套件全安裝,以方便切換不同版本測試相容性。

 

架站除了空間與網站服務外,資料庫也是不可或缺的服務,目前ASUSTOR NAS搭配的是MariaDB,所以也要安裝此資料庫套件。除此之外,還要安裝phpMyAdmin的資料庫管理工具。

 

為何要安裝phpMyAdmin來管理SQL資料庫,因為預設登入帳號是root,密碼則為 admin,很容易遭竊入,所以要先進去更改密碼,避免有心人士想要盜用。

 

使用預設入帳號與密碼後,點選「使用者帳號」,再來找到並勾選root localhost那一欄,按下〔權限編輯〕後進入編輯璇線畫面,再點選〔Chage password〕,最後修改最高root權限的密碼,如下流程。

 

平常不會使用root的權限來運作,所以要建立新的使用者,例如筆者想要架設一個Wordpres網站,如下圖流程來建立新的使用這帳號,輸入帳號與密碼後,主機名稱選擇本機(localhost),勾選「建立與使用者同名的資料庫並授予所有權限」,這樣建立的使用者帳號與資料庫同名稱,且擁有此資料庫的所有權限,這種作法對於管理多人的資料庫與帳號很適合。

 

架設一個Wordpress網站

想要架站,你一定聽過全球熱門的 WordPress 內容發布平台,除了免費外, 龐大的佈景主題、網站外掛,能幫快幫助站長架設多種網站類型,不管是部落格、企業網站、品牌網站、購物網站都很滿足設計需求,尤其是強大的外掛功能,加個WooCommerce 電商外掛,即可讓網站瞬間變成全面的線上商店。

Asustor NAS的App Central中可以找到Wordpress應用程式,直接安裝很方便。

 

安裝Wordpress後會再ADM頁面上產生一個Wordpress應用程式圖示,點選來啟動首次運作的相關設定。

 

看到一個語言的選擇,往下捲動至最後即可看到繁體中文,選擇後按下〔繼續〕。

 

安裝Woedpress的歡迎說明,並說明要輸入相關的哪些資訊,點選〔開始安裝吧!〕。

 

畫面中請輸入事先建立的資料庫名稱、使用者帳號和密碼,就是之前在phpMyAdmim上所建立的資料庫帳號,資料庫主機位址維持原先預設的「localhost」,確定完成後請按〔傳送〕。

 

如果與後端的SQL有連線成功會出現如下畫面,請按下〔執行安裝程式〕來進行資料過的初始化動作。

 

接著請輸入您建立的部落格標題、後台的使用者名稱、密碼與管理員的郵件信箱,最後只要按下〔安裝WordPress〕即可開始安裝囉!

 

出現「大功告成」的畫面表示安裝成功了,所以要你按下〔登入〕來進入後台管理畫面。

 

架完Wordpress網站後要登入,你可以開啟瀏覽器直接輸入NAS的IP網址加上wordpress資料夾,如挨踢路人甲的範例是「http://NAS的IP/wordpress」進入,你會看到如下畫面。

 

想要登入後台,一樣原本的網址後加上wp-admin,例如「http://NAS的IP/wordpress/wp-admin」。當出現登入的畫面,輸入之前建立的後台登入帳號與密碼,即可看到後台管理的畫面。

 

輕鬆架設有 SSL 憑證的網站

網站是架好了,總不能使用IP來登入網站吧!老實說,使用IP來進入網頁,還真有點遜,架個站沒有網域名稱有點說不過去,網域對架站來說是相當重要的前哨站,一般來說申請網域需付費的,且也不一定能申請自己想要的網域名稱,雖然所需的費用並不是高不可攀,但也是一筆小小地開銷,能省則省得原則下,有免費的當然最好。

筆者曾經寫血過一篇「Asustor NAS搭配Cloud ID,讓你走到哪裡都可輕易連回」文章,就是利用網域名稱來連回ASUSTOR NAS上。有了網域後最大的優點就是,只要地球上有網路的地方,不論你搬到天涯海角,不用再記住那數字號碼,輕鬆的讓大家都還找得到你。

Cloud ID

 

在文章後段利用免費的DDNS服務商,讓你擁有一個網域名稱。主要讓你不用去記憶那冗長的數字。網域名稱對架站來說是相當重要的前哨站,一般來說申請網域需付費的,而且也都要有個固定IP位址,EZ-Router就是利用DDNS就是讓你取得個人專屬的個人化網域名稱。如下圖使用myasustor.com網域。有了DDNS的幫助,不用固定IP也能讓你輕鬆取得網域名稱。

Cloud ID

 

瀏覽資料時看到瀏覽器上方網址列旁有 SSL 憑證圖示,總是讓人感到安心些。當網站擁有SSL認證,表示有一個安全通道,確保網路使用者輸入的個人資料避免遭駭客截取或竄改。有了網域名稱,當然要加上SSL憑證的網站,這樣讓使用者連上總是會安心些。

SSL憑證的費用也是不少錢,介紹一個免費的Let’s Encrypt 憑證授權廠商,但免費的Let’s Encrypt憑證有效期間為 90 天,時間過期須更新申請才能繼續使用。你不用擔心,ASUSTOR NAS的ADM系統上提供一個Let’s Encrypt  Client應用程式,除了讓你申請更簡單方便外,也會到90天到期後自動更新。

 

有五個步驟來取得免費的憑證,首先記住你的主機名稱(綠色框),再到「偏好設定」->「手動連線」->「DDNS」畫面上,點選「從Let’s Encrypt 取得憑證」。

 

第二步驟是選「建立新憑證」並為此憑證命名,按〔下一步〕來繼續。

 

Let’s Encrypt 為廣受信賴的免費憑證授權機關,可以到其官網設定取得私鑰及憑證後再匯入。其實不用那麼麻煩,選擇「從Let’s Encrypt 取得憑證」按〔下一步〕。

 

第四步驟較重要,網域名稱欄位請輸入網域供應商註冊的網域(例如筆者輸入步驟1的主機名稱),電子郵件欄位輸入用來註冊憑證的電子郵件信箱,若要允許單張憑證用在多個網域,則在主體別名欄位上輸入其他網域名稱。 由於筆者申請憑證只用於單個網域,所以主體別名欄位空白,勾選「憑證到其自動更新」,如下圖所示。

 

取得憑證後,你可以到憑證管理員內查看,憑證的簽發者、主體名稱和自動更新等資訊。

 

Web Center支援虛擬主機,也就是可以在ASUSTOR NAS上同時架設多個網站。下圖是新增虛擬主機的畫面,主機名稱就是你的網域名稱,協定指定HTTPS,憑證指定剛剛建立的Certifficate02,通訊埠443就是另一種HTTP的加密傳輸。資料夾名稱要對應的你的網站建立的資料夾,App Central安裝Wordpress時預設安裝在web下的「wordpress」資料夾。

 

完成虛擬主機的設定後,只要瀏覽器上輸入主機的名稱,就會對應到資料夾內的網站來啟動,並啟用指定的憑證。

 

安裝Wordpress當時使用IP方式連入,所以在Wordpress的後台還記著當時的IP,想要使用網域名稱登入,得到後台的設定內,將Wordpress位址與網站位址改成你的虛擬主機的網域名稱。

 

或是使用phpMyAdmin進入建立的資料庫內將siteurl與home內值改成你的網域網址也可以。

 

最後在確定你的網站伺服器是否有開啟加密的網站伺服器通訊埠。

 

打開瀏覽器輸入開頭為https的網路安全傳輸協議+你的網域名稱,果然看到了一個鑰匙鎖的圖示,表示SSL啟動成功。

 

延伸閱讀:

itwalker
itwalker

或許技術與功力已遠遠不及時下年輕人,但試著去畫一個圓,圓不圓沒關係,盡力就好,如果覺得文章不錯的話,請大家按個「讚」或「+1」,感謝您的支持與鼓勵!歡迎加入我的粉絲團 : https://www.facebook.com/itwalker ,更多關於挨踢路人甲的文章: https://walker-a.com

文章: 3011