Cloudways主機使用以及FileZilla上傳設定
緣起以及Cloudways的選擇
這個網站其實做到快差不多的時候，就開始在尋覓主機。之前在Hahow網站設計課程快結束時，老師就有推薦幾個不錯的主機可以上傳網站。其實很久很久以前也有做過個人網站，只不過那個時候是用Yahoo的免費空間，那個空間有特別弄使用者的UI介面，只要點一點就可以上傳了。不過因為現在都是主機，僅僅會提供IP位置而沒有使用者的UI介面，此時就須要透過特定的軟體來做上傳，還好這個部分Hahow的授課老師有教，就趁著那個時間點把相關的技術學起來。
不過，其實那一堂課其實是在好幾年前錄好的課程。時隔這麼多年，就資訊科技來說的話一定差異有點大，所以在主機推薦上我只有學了上傳檔案的方法，至於推薦的主機我決定多看看多比較。
然而最近剛好購買了Wordpress的線上課程，那一堂課中也有推薦主機Cloudways和Gandi的網域購買，因為這一堂課程錄製的時間比較近，在課程內容中同時也有比較Cloudways跟其他的主機，加上有手把手的設定與教學，並且Cloudways主機可以允許多個網站的架設(這一點是Godaddy網站最基礎收費的版本做不到的)，因此筆者就毫不猶豫地選擇了Cloudways主機，不過想當然耳，Cloudways的收費是比Godaddy基礎版本收費貴一些，這個部分就讀者針對自己的需求斟酌囉。
關於Cloudways主機為什麼會是目前多數人選擇的主機，網路上有許多的比較以及文章，這邊就不多做贅述囉。筆者這邊比較看重的是，可以允許多個網站架設、速度快、線上客服回應快的這幾個優點。
遇到的問題
一般購買Cloudways主機過後，只要登入就可以開始進行主機相關的設定。Wordpress為架構的網站，就必須要先架設好Wordpress所需要的環境。而Cloudways最為人稱讚的地方就在於，相關的環境架設只要一個按鈕並且等待安裝就好。
那麼，問題來了。
因為今天筆者的網站並非是以wordpress來做建構，而是利用codepen線上編輯完下載下來以後，利用sublime Text稍微修改以後會有html、css跟js的設定檔要丟到主機上面，就是最傳統的那種網站架設啦。
呃...那在這個情況下我要把我的檔案放到哪裡去？
正所謂，沒有什麼問題是餵google解決不了的，遇到這種情況當然就要上去狠狠地搜尋一下。但筆者發現，因為Cloudways主機目前被認為是Wordpress很適配的主機，因此絕大多數討論Cloudways的設定都與Wordpress為架構的網站有關。而針對筆者這類非Wordpress為架構的網站上傳檔案來說，著墨的都不多。
看來只能自己研究了呢(握拳，所以就誕生了這篇文章了。
解決的方法以及相關的設定
Cloudways雖然是主機代管介面，但本質上終歸是個主機，所以基本上整個流程應該還是比照一般主機的方式上傳檔案，這個肯定是沒有問題的。本者自己習慣使用的是FileZilla，所以後續這邊都會採用FileZilla的介面來做說明。
首先點選Cloudways裡面自己的帳戶所購買的主機，在下方的介面中選擇Master Credentials。即可以在畫面中找到主機的IP位置(Public IP)，以及使用者的帳戶名稱(Username)、密碼(Password)，這些是等一下要輸入在FileZilla裡面的資訊，這樣他才知道要把資料傳到哪裡去。
接著我們回到FileZilla的地方，開始進行設定。筆者自己不太習慣用快速連線，一般都還是會建立站台相關的資訊。這邊我們選「檔案」→「站台管理員」
在站台管理員的介面，按照我們前面在cloudways裡面找到的資訊，按照下圖的位置依序填入，其他設定保持不變。連線完成以後，我們就可以在FileZilla的介面右邊，找到遠端站台的資料夾。
當連線好了以後問題又來了：「所以我還是不知道要把資料上傳到哪裡啊！」
別急，且聽筆者慢慢道來。我們再回到Cloudways的視窗中，來到Application的地方。先前我們說過Cloudways可以允許在同一台主機裡面有複數網站的存在，那確切來說的話他要怎麼區分不同的網站？其實靠的就是Application。
許多網站上的Wordpress教學都會教，如果今天想要在同一台主機再用第二個Wordpress網站的話，只要再重複一次「+Add Application」的步驟就可以了，Application的地方就會出現兩個Wordpress網站。
但是我們今天不是要Wordpress網站，而是想要一個空白的位子讓我們可以上傳檔案，那這個部分應該要怎麼做才對？那就要來解釋一下Cloudways裡面的Application什麼意思。
我們可以把同一台主機裡面不同的Application理解成是一個網站的環境，所以像Wordpress就有一個他的專屬環境，而像一般非Wordpress的網站中，可能就會需要PHP的設定、MySQL、Stack等等的環境建置，也就是說不同的Application就會配對到不同的網站。所以現在如果我們想要找一個地方去放置我們的網頁檔案跟資料夾，我們還是要創建一個新的Application。
只是不同於Wordpress架構的網站，我們這一次在「+ Add Application」之中，我們要選擇安裝的是PHP底下的「Custom App」。等待安裝好了以後，就會像前面我們建置Wordpress環境的時候會看到相同長相的APP，但是icon略有不同，這就是代表不同的環境。
我們在Cloudways裡面選擇剛剛安裝好的Application，在「Access Details」裡面可以找到「MYSQL ACCESS」，其中他的「DB name」就是我們等一下在FileZilla裡面要找的資料夾名稱。
重新連線一次FileZilla，在遠端站台主機裡面可以找到applications的資料夾，點開以後就能發現裡面有一個「hbbbkjbrka」的資料夾，點進去以後可以找到一個叫做「public_html」的資料夾，這個資料夾就是我們要放網頁檔案們的地方了。
一開始打開public_html資料夾，裡面會看到只有一個index.php檔，而這個檔案的內容其實就是整個application他的預設首頁。我們可以透過Application中Access Details裡面的「APPLICATION URL」，來看預設網頁長成什麼樣子。
如果index.php在這裡面，而預設的暫時網域位置也是指向這裡的話，那就表示我們網站的首頁檔index.html也要放在這個路徑之下，因此我們丟網站的資料夾就是public_html囉。而FileZilla的上傳方式就是從左邊的資料夾(可能是自己架站的時候建立的頁面資料夾)，拖曳到右邊就可以完成上傳了。
上傳資料非即時更新的處理方法
筆者一開始在摸索Cloudways的時候就有因為這件事情吃過苦頭，因為那時候對於Cloudways的資料夾結構不太熟悉，所以就算好不容易找到public_html資料夾跟裡面的index.php時，也不是很確定這個資料夾就是要上傳的目標資料夾。後來把心一橫想說就把index.php刪掉，看看暫時網域是否就連不進去。
結果，出乎意料的居然還是可以讀到？？？
當時心裡就想說：「不對啊，按照邏輯來說應該index.php就是暫時往與會抓的首頁才對。」自己測試了許久加上瘋狂查google，終於明白可能是因為Cloudways後台的快取問題。
解決的方法是，到Cloudways的「Server」中，找到「Manage Services」，裡面有個「Varnish」，選擇掃帚圖案的「PURGE」就可以完成快取的清除。上傳以後就能比較快看到自己做的修正囉！
如果已經用了上面的方法，還是看到之前舊的頁面的話，可能是因為自己電腦的瀏覽器快取沒有清除，記得也要清除歐，才會真正看到變更後的畫面。
結語
Cloudways主機目前用起來可以說是非常上手，不管是在學習Wordpress架站的時候，或是架設非Wordpress網站的時候都是很友善使用者的介面。而且串接其他地方購買的網域也相對來講不需要很複雜的設定，很多東西都是一目瞭然。
不過因為是英文介面，而且裡面有的功能也很多，第一次使用的時候可能會覺得有點迷惘XD，不過筆者還好有遇到不錯的線上課程老師，手把手的帶學生安裝直到弄到好，少繞了一些路。只是終歸還是遇到了非wordpress網站的上傳問題，幸好餵了google加上自己慢慢摸索跟嘗試，也是順利解決了。
因為筆者花了不少時間在解決這個上傳的問題，想說趁著這個機會，順便把它整理成文章，提供給需要的人參考: D，希望能對大家有所幫助囉！
