iT邦幫忙

2019 iT 邦幫忙鐵人賽

DAY 1
2
Everything on Azure

三十天.NET❤️Azure漸進式開發專案系列 第 1

三十天.NET與Azure漸進式開發專案(1):介紹,快速開始

三十天.NET與Azure漸進式開發專案(1):介紹,快速開始

IT邦的朋友好,這篇主要寫給有DotNET跟SQL-Server開發基礎,想要接觸雲端服務讀者,如何在三十天配合Azure做漸進式從規劃、開發、測試、上線。

其中會運用到AzureWebapp部屬AP環境、SQL-Server資料庫存取資料、Redis做分布式緩存...等

期望讀完全部文章,讀者可以做出屬於自己的網頁專案

讀者可以先看導覽影片決定適不適合本系列
另外底下也有附上圖文說明觀看。


影片

Yes


圖文說明

一.建立本機ASP.NET MVC專案
示範以Asp.NET MVC如何發佈到azure webapp
2018-10-06.21.02.46-image.png
點選新增專案
2018-10-06.21.03.30-image.png
選擇ASP.NET Web應用程式
2018-10-06.21.03.53-image.png
這邊為了簡單,選擇空白專案,點選MVC參考
2018-10-06.21.04.52-image.png
新增控制器
2018-10-06.21.04.52-image.png
在HomeController新增檢視
2018-10-06.21.04.34-image.png
使用預設模板就可以
2018-10-06.21.05.18-image.png
2018-10-06.21.05.27-image.png

接著按下Ctrl+F5運行專案,可以在測試環境看到網頁成功運行
2018-10-06.21.05.51-image.png
2018-10-06.21.06.07-image.png


二.發佈到Azure WebAPP

在專案滑鼠右鍵點選發佈
2018-10-06.22.47.56-image.png

選擇app service,建立新的設定
2018-10-06.22.52.26-image.png
填寫app的設定,主要建立資料群組,跟方案
2018-10-06.22.52.09-image.png

建議測試的APP放在同一個群組
方便以後一次性管理
2018-10-06.23.16.42-image.png

注意假如沒有購買自己的網域名稱,記得應用程式名稱要取好
這會影響到azure送給你免費的網域名稱
2018-10-06.22.51.44-image.png

位置我習慣使用East Asia
主要機房位子離台灣最近在香港
2018-10-06.22.39.48-image.png
這邊提供Azure全球機房分布圖給大家參考
可以看到台灣沒有機房,這是滿可惜的地方
2018-10-06.22.43.17-image.png

這邊要注意的點,預設是S1付費專案
2018-10-06.22.38.02-image.png
請記得測試專案選擇"免費"
2018-10-06.22.55.07-image.png

Application Insights選擇南亞地區,它可以幫助我們整理網頁流量資料非常的好用
2018-10-06.22.57.39-image.png

接著等待建立(這邊會等一段不短的時間...不要以為是死機而取消)
2018-10-06.22.58.47-image.png

接著系統會自動幫我們發布到Azure
2018-10-06.23.01.08-image.png

需要等待一段時間啟動,結束後就可以看到網頁上到雲端
真的很簡單!
2018-10-06.23.02.57-image.png

資源也可以在管理網頁看到新增的專案
2018-10-06.23.07.09-image.png


結論

不只.NET MVC可以,Java、PHP甚至.NET Core專案也可以簡單使用webapp
舉例我另一個系列文章,使用技術就是WebApp
IT暐翰 miniblog.core.w3c專案

假如有興趣的大大,歡迎訂閱 :D
希望能幫助到有需要的人


下一篇
三十天.NET與Azure漸進式開發專案(2):Azure WebAPP - 網頁設定,簡單網頁監控,編輯
系列文
三十天.NET❤️Azure漸進式開發專案9

尚未有邦友留言

立即登入留言