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 技術組_陳自泓