Visurl Studio發布網站到windows azure

標籤：visurl studio發布網站到windows azure

Visurl Studio發布網站到windows azure

Windows azure現在已經很成熟了，所以就對功能不多介紹了，今天就主要介紹通過visurl studio發布網站到windows azure上；我們大家都知道，通過visurl studio可以建立項目然後通過發布到iis下來實現功能訪問，其實發布到iis下是最常見的做法，現在呢，由於公司購買了windows azure服務，想把本地的iis服務遷移到windows azure上運行，所以就通過在測試環境下部署，下面為操作的整個步驟，供參考學習。

我們首先是需要安裝visurl studio，然後將相關的伺服器項目直接發布到windows azure上。再次我們先通過建立一個測試網頁來示範。

我們先開啟visurl studio，單擊檔案à建立à項目

650) this.width=650;" title="clip_image002" style="border-top:0px;border-right:0px;background-image:none;border-bottom:0px;padding-top:0px;padding-left:0px;margin:0px;border-left:0px;padding-right:0px;" border="0" alt="clip_image002" src="http://img1.51cto.com/attachment/201410/15/451336_1413383753556R.jpg" height="341" />

選擇項目類型，web下的visurl studio2012，模板是NET Framwork4.5下的ASP.NET MVC 4 Web應用程式，同時定義名稱

650) this.width=650;" title="clip_image004" style="border-top:0px;border-right:0px;background-image:none;border-bottom:0px;padding-top:0px;padding-left:0px;margin:0px;border-left:0px;padding-right:0px;" border="0" alt="clip_image004" src="http://img1.51cto.com/attachment/201410/15/451336_1413383753kgMJ.jpg" height="321" />

自訂項目建立完成

650) this.width=650;" title="clip_image006" style="border-top:0px;border-right:0px;background-image:none;border-bottom:0px;padding-top:0px;padding-left:0px;margin:0px;border-left:0px;padding-right:0px;" border="0" alt="clip_image006" src="http://img1.51cto.com/attachment/201410/15/451336_1413383753ZoMd.jpg" height="247" />

然後，我們定義測試頁面內容，index.vbhtml檔案

650) this.width=650;" title="clip_image008" style="border-top:0px;border-right:0px;background-image:none;border-bottom:0px;padding-top:0px;padding-left:0px;margin:0px;border-left:0px;padding-right:0px;" border="0" alt="clip_image008" src="http://img1.51cto.com/attachment/201410/15/451336_1413383753ZTgk.jpg" height="243" />

定義完成後，我們測試訪問

650) this.width=650;" title="clip_image010" style="border-top:0px;border-right:0px;background-image:none;border-bottom:0px;padding-top:0px;padding-left:0px;margin:0px;border-left:0px;padding-right:0px;" border="0" alt="clip_image010" src="http://img1.51cto.com/attachment/201410/15/451336_1413383753IR7R.jpg" height="234" />

頁面正常顯示。

650) this.width=650;" title="clip_image012" style="border-top:0px;border-right:0px;background-image:none;border-bottom:0px;padding-top:0px;padding-left:0px;margin:0px;border-left:0px;padding-right:0px;" border="0" alt="clip_image012" src="http://img1.51cto.com/attachment/201410/15/451336_14133837539hZV.jpg" height="392" />

接下來我們需要在windows azure上建立網站

650) this.width=650;" title="clip_image014" style="border-top:0px;border-right:0px;background-image:none;border-bottom:0px;padding-top:0px;padding-left:0px;margin:0px;border-left:0px;padding-right:0px;" border="0" alt="clip_image014" src="http://img1.51cto.com/attachment/201410/15/451336_1413383753pPaq.jpg" height="324" />

定義網站名稱

650) this.width=650;" title="clip_image016" style="border-top:0px;border-right:0px;background-image:none;border-bottom:0px;padding-top:0px;padding-left:0px;margin:0px;border-left:0px;padding-right:0px;" border="0" alt="clip_image016" src="http://img1.51cto.com/attachment/201410/15/451336_14133837531bYC.jpg" height="331" />

網站建立完成

650) this.width=650;" title="clip_image018" style="border-top:0px;border-right:0px;background-image:none;border-bottom:0px;padding-top:0px;padding-left:0px;margin:0px;border-left:0px;padding-right:0px;" border="0" alt="clip_image018" src="http://img1.51cto.com/attachment/201410/15/451336_1413383753ZVMO.jpg" height="309" />

我們開啟網站設定----儀錶盤

650) this.width=650;" title="clip_image020" style="border-top:0px;border-right:0px;background-image:none;border-bottom:0px;padding-top:0px;padding-left:0px;margin:0px;border-left:0px;padding-right:0px;" border="0" alt="clip_image020" src="http://img1.51cto.com/attachment/201410/15/451336_1413383754Wfbr.jpg" height="326" />

單擊下載該網站的設定檔

650) this.width=650;" title="clip_image022" style="border-top:0px;border-right:0px;background-image:none;border-bottom:0px;padding-top:0px;padding-left:0px;margin:0px;border-left:0px;padding-right:0px;" border="0" alt="clip_image022" src="http://img1.51cto.com/attachment/201410/15/451336_14133837544XLU.jpg" height="323" />

650) this.width=650;" title="clip_image024" style="border-top:0px;border-right:0px;background-image:none;border-bottom:0px;padding-top:0px;padding-left:0px;margin:0px;border-left:0px;padding-right:0px;" border="0" alt="clip_image024" src="http://img1.51cto.com/attachment/201410/15/451336_14133837541eAt.jpg" height="242" />

下載並且儲存網站設定檔

650) this.width=650;" title="clip_image026" style="border-top:0px;border-right:0px;background-image:none;border-bottom:0px;padding-top:0px;padding-left:0px;margin:0px;border-left:0px;padding-right:0px;" border="0" alt="clip_image026" src="http://img1.51cto.com/attachment/201410/15/451336_14133837540jsq.jpg" height="232" />

我們回到visurl studio，右擊項目—發布

650) this.width=650;" title="clip_image028" style="border-top:0px;border-right:0px;background-image:none;border-bottom:0px;padding-top:0px;padding-left:0px;margin:0px;border-left:0px;padding-right:0px;" border="0" alt="clip_image028" src="http://img1.51cto.com/attachment/201410/15/451336_14133837541EbZ.jpg" height="318" />

選擇匯入設定檔

650) this.width=650;" title="clip_image030" style="border-top:0px;border-right:0px;background-image:none;border-bottom:0px;padding-top:0px;padding-left:0px;margin:0px;border-left:0px;padding-right:0px;" border="0" alt="clip_image030" src="http://img1.51cto.com/attachment/201410/15/451336_1413383754UlOm.jpg" height="358" />

瀏覽選擇剛才下載的windows azure網站的設定檔

650) this.width=650;" title="clip_image032" style="border-top:0px;border-right:0px;background-image:none;border-bottom:0px;padding-top:0px;padding-left:0px;margin:0px;border-left:0px;padding-right:0px;" border="0" alt="clip_image032" src="http://img1.51cto.com/attachment/201410/15/451336_1413383754PKyr.jpg" height="358" />

選擇設定檔

650) this.width=650;" title="clip_image034" style="border-top:0px;border-right:0px;background-image:none;border-bottom:0px;padding-top:0px;padding-left:0px;margin:0px;border-left:0px;padding-right:0px;" border="0" alt="clip_image034" src="http://img1.51cto.com/attachment/201410/15/451336_1413383754tt7B.jpg" height="360" />

650) this.width=650;" title="clip_image036" style="border-top:0px;border-right:0px;background-image:none;border-bottom:0px;padding-top:0px;padding-left:0px;margin:0px;border-left:0px;padding-right:0px;" border="0" alt="clip_image036" src="http://img1.51cto.com/attachment/201410/15/451336_1413383754ddxE.jpg" height="358" />

我們定義後，單擊驗證鏈結接。然後下一步

650) this.width=650;" title="clip_image038" style="border-top:0px;border-right:0px;background-image:none;border-bottom:0px;padding-top:0px;padding-left:0px;margin:0px;border-left:0px;padding-right:0px;" border="0" alt="clip_image038" src="http://img1.51cto.com/attachment/201410/15/451336_1413383754ckMo.jpg" height="354" />

預設後，我們單擊下一步

650) this.width=650;" title="clip_image040" style="border-top:0px;border-right:0px;background-image:none;border-bottom:0px;padding-top:0px;padding-left:0px;margin:0px;border-left:0px;padding-right:0px;" border="0" alt="clip_image040" src="http://img1.51cto.com/attachment/201410/15/451336_14133837552wvS.jpg" height="353" />

單擊驗證後，我們可以看見添加的網站資訊，然後單鍵發行

650) this.width=650;" title="clip_image042" style="border-top:0px;border-right:0px;background-image:none;border-bottom:0px;padding-top:0px;padding-left:0px;margin:0px;border-left:0px;padding-right:0px;" border="0" alt="clip_image042" src="http://img1.51cto.com/attachment/201410/15/451336_1413383755WhBh.jpg" height="368" />

正在上傳檔案中。

650) this.width=650;" title="clip_image044" style="border-top:0px;border-right:0px;background-image:none;border-bottom:0px;padding-top:0px;padding-left:0px;margin:0px;border-left:0px;padding-right:0px;" border="0" alt="clip_image044" src="http://img1.51cto.com/attachment/201410/15/451336_1413383755uDQU.jpg" height="322" />

上傳檔案到windows azure後網站自動 。我們發現url是windows azure的url，頁面正常顯示。

650) this.width=650;" title="clip_image046" style="border-top:0px;border-right:0px;background-image:none;border-bottom:0px;padding-top:0px;padding-left:0px;margin:0px;border-left:0px;padding-right:0px;" border="0" alt="clip_image046" src="http://img1.51cto.com/attachment/201410/15/451336_1413383776uc3k.jpg" height="319" />

 

接下來我們定義顯示頁面的內容，我通過html語言編輯頁面顯示內容，定義一個註冊頁面來做示範。

 650) this.width=650;" title="clip_image048" style="border-top:0px;border-right:0px;background-image:none;border-bottom:0px;padding-top:0px;padding-left:0px;margin:0px;border-left:0px;padding-right:0px;" border="0" alt="clip_image048" src="http://img1.51cto.com/attachment/201410/15/451336_1413383776hDYw.jpg" height="290" />

修改後，我們再次發布，這次發布無需匯入設定檔，直接覆蓋更新即可。頁面也正常顯示我們自訂的內容。

650) this.width=650;" title="clip_image050" style="border-top:0px;border-right:0px;background-image:none;border-bottom:0px;padding-top:0px;padding-left:0px;border-left:0px;padding-right:0px;" border="0" alt="clip_image050" src="http://img1.51cto.com/attachment/201410/15/451336_1413383776mTy0.jpg" height="333" />

本文出自 “高文龍” 部落格，請務必保留此出處http://gaowenlong.blog.51cto.com/451336/1564584

Visurl Studio發布網站到windows azure