Recent in Recipes

如何使用Vistual Studio上傳至AWS部屬

小弟最近想研究一些東西的緣故,先寫這篇當作前導文吧,雖然是小東西但是當個筆記用吧!
在這篇開始之前先貼上參考網站,謝謝這個網站!
這網站已經幫我解決大部分的問題了,雖然是外國網站但是有圖片交著做,所以蠻好懂的,那開始進入正題囉!
首先我們要先有以下幾個準備工作:
1.準備AWS(amazon web server)帳號
3.Vistual Studio(小弟是2013版)
 1
(AWS Toolkit)下載頁面圖

 下載完AWS Toolkit後執行安裝,位置可以自己決定,安裝完成後打開Vistual Studio會發現多了一些選項如下圖:17092861_1870096956609196_424950151_o
 表示安裝成功了!基本的前置作業完成了就開始打開Vistual Studio選取想要上傳的檔案,小弟就來這幾天做的範例來示範一下:
 17035966_1870101506608741_1144997101_o
打開以後先測試一下可不可以執行如下圖所示:
17035847_1870119949940230_1087128344_o

  這個表示本機端的網址,如果沒有顯示錯誤資訊可以顯示程式結果,表示程式的部分是沒問題的,檢查完之後就要上傳AWS囉!
 首先在專案上點右鍵,找到 Publish to AWS Elastic Benstalk...
17036530_1870103533275205_787940386_o

點擊後如下圖,按下框起來的按鈕:
17091321_1870114476607444_634470123_o
點擊後再紅色框號地方打DeploymentProf
17035847_1870114996607392_1233584617_o
下面就是要打AWS金鑰資訊,我們先暫停一下,回到AWS中有個IAM,點擊後到Users畫面接著點選Add user如下:
17036715_1753798761300819_83054215_o
進入新增的程序頁面後,輸入自訂的User name以及勾選第一個存去型態
17036726_1753799151300780_2139580131_o
下一頁有一個大圖示的選項Attach existing policies directly,這是要增加一些權限的地方,我們需要以下兩個權限
( AmazonEC2FullAccess 和AWSElasticBeanstalkFullAccess)如下圖:
17016631_1753802094633819_1847820155_o
17016298_1753820094632019_667805886_o選擇完連續下一步兩次到最後一個步驟如下:
17093228_1753803214633707_1474743236_o
會顯示與下載金鑰密碼(公開鑰與私密鑰),記得要載下來,之後回到Vistual studio
補上金鑰資訊後按確定後按確定,下一頁會顯示環境設定如下圖所示:
17036544_1870118366607055_1055416147_o
如果顯示綠色的表示設定成功了!如果不是可能需要回到AWS看看權限是否設定正確。

接下來就可以設定你的Server硬體需求,小弟選了一個小一點的如下圖:
17091302_1870118636607028_135198886_o


接下來可以持續下一步到最後一步
17015118_1870119019940323_1253747376_o
17093227_1870118993273659_1498247266_o
17091086_1870119116606980_1493600057_o
底下是勾選只要server停止後就會自動重建,因為網站的的服務不能中斷,所以當server有問題時自動重建。

最後按下部屬後顯示資訊如下圖:
17016185_1870119649940260_101407653_o
框起來的地方就是server提供的網址囉!這時候輸入網址看看:
17036976_1870121166606775_1564821793_o
我們之前測試的網站就上架囉!!

最後如果不想要繼續部屬要怎麼取消呢?
這裡要回到AWS到EC2選單,在左邊尋找Auto Scaling Group刪除剛建的群組即可(找時間最近的就是了)
17036591_1753836431297052_1715541809_o
好囉!筆記就到這邊結束囉!如果有不清楚的地方歡迎留言討論一下喔!!