Azure搭配Visual Studio開發PHP網頁

根據W3Techs指出,82%網站的伺服器程式語言都是採用 PHP。

PHP是非常火紅的伺服器端腳本語言,有些著名的網頁如:WordPress和Facebook都是使用PHP開發出來的。可見PHP是經得起考驗也真實能在市場上提供使用者一個完整的網頁服務。然而,我覺得PHP最大的優點是─PHP非常容易上手 加上網路上成千上萬的資源,學習PHP的過程非常順利且容易得到成就感,鮮少遇到有問題是網路上沒有答案的狀況!因此,今天就來簡單介紹如何用Azure搭配Visual Studio開發一個PHP網頁!

 

第零步:取得Azure帳戶 & 安裝Visual Studio

這邊不是本篇的重點我就不多詳述了,詳情請點這個教學網站,這個網站會一步一步教你如何開通Dreamspark,並且取得Azure的帳戶。

安裝Visual Studio Community 2015 請到此下載安裝。

第一步:部屬Azure

開發一個PHP網頁需要有兩樣硬體:伺服器和資料庫。過去我只會架在實驗室或是自己的電腦上,然而這麼做有些缺點,例如:網路不穩、頻寬不夠大、擔心被入侵等等,而Azure可以幫我免除這些困擾,我只需要在Azure的管理網站上點一點就能輕易做架好伺服器和資料庫了,讓我用圖片教你怎麼做到這些。

在搜尋引擎上搜尋”portal azure”,選第一個就是了

接著網站會要你登入你的Microsoft的帳戶,只要你的帳戶有開通Azure,網站就會幫你導到下面這個畫面,成功看到此畫面代表你已經成功登入Azure了!

然後讓我們來建立伺服器與MySQL資料庫吧!

點擊順序:「+新增」→ 「Web + 行動」→ 「Marketplace」→ 「Web + MySQL資料庫」

點選紅色框框裡那個橘色的「Web + MySQL資料庫」後,點「建立」即可

最後點選「+新增」→ 「Web + MySQL資料庫」

在這邊你能填寫你的網址要叫什麼,然後在「Database」那邊建立一個新的資料庫,建議在選擇資料庫跟Web應用程式的所在位置時都選擇東南亞(southeastasia)或東亞(eastasia)連線速度會稍快一點!都選擇好之後按「建立」就都完成囉~

這時會回到首頁,我們會看到Azure正在部屬你建立的Web應用程式和資料庫,等他部屬完成我們就擁有自己的伺服器和資料庫了!

 

第二步:下載PHP tools for Visual Studio

因為Visual Studio預設是沒有安裝PHP套件的,所以我們得自己去網路下載套件,請按此下載後安裝。有了這個套件,你就可以在Visual Studio上面建立PHP網站專案了!

點選「PHP Web Project for Microsoft Platform」即可建立專案,初始畫面如下。

 

第三步:發布網頁!

首先呢!我們要取得剛剛架好的伺服器發行權。發行權就是一個讓伺服器知道你是授權過的,允許讓你上傳code到伺服器。

我們先回到「Portal Azure」,並且在首頁面找到你剛剛建立好的Web應用程式,點進去後點選「取得發行設定檔」,Azure會自動幫你下載一個發行檔到你的電腦裡。

接著我們到Visual Studio中點右邊有個「方案總管」,對你的專案名稱點右鍵,選擇「發行」。

接著點選「匯入」後,把剛剛Azure下載下來的檔案放進來。

我們就能看到專案的連線伺服器部分都填好了,最後點選「發行」

等它發行一下後就能在網頁上看到「Hello World!」了!這個網址就是剛剛建立伺服器時我們輸入的網址,到了這步就代表我們的專案已經跟Azure伺服器連線完成,之後每次要更新這個網頁就只要重複「發行」這個動作就能在這個網址更新你的網頁囉。

第四步:連線MySQL資料庫

這是非常重要但也非常容易的一步!我們要讓我們的網頁連結上剛剛建立好的MySQL資料庫!我們先開Visual Studio在我們的專案中加入一個php script檔叫「config.php」,然後我們再回去 「Portal Azure」,並且在首頁找到我們剛剛建立的資料庫格子,點選進去後,再「設定」裡點選「屬性

把「主機名稱」、「使用者名稱」和「密碼」依序填到「config.php」中

最後修改「index.php」如下

然後一樣再重複「發行」的動作把我們目前的code上傳上去

這樣我們的網頁就順利連結上我們建立的MySQL資料庫囉!至於管理MySQL的方式請參考這個網頁,上面有詳細的教學!

需要注意的是目前DreamSpark提供免費MySQL資料庫的容量是20MB、同時連線人數為4人,如需更大的容量和更多連線人數請則需在你Azure的資料庫那邊選擇付費的專案。

 

結語

相信大家跟著我的圖片一個步驟一個步驟成功建立簡單的PHP網站,也能順利連結到MySQL資料庫了!期許大家能在Visual Studio上盡情開發網站,同時又能善用Azure的服務~

 

撰寫人:Taiwan MSP 技術組_陳自泓