iT邦幫忙

2017 iT 邦幫忙鐵人賽
DAY 23
2
Cloud

Xamarin.Forms, ASP.NET Core WEB API搭配AZURE服務與資料庫服務整合應用實例系列 第 23

Day23 - Azure App Service & Azure SQL Database Part2 ASP.NET CORE WEB API雲端部署篇

本文可以分成兩個部分, 分述如下

  • Azure SQL Database部署
    首先到Azure Portal新增一個SQL 資料庫
    http://ithelp.ithome.com.tw/upload/images/20170105/20103333qMvzDqlJ53.png

點選建立新的伺服器, 將必要欄位填完後, 按下選取
http://ithelp.ithome.com.tw/upload/images/20170105/2010333361Qmb4BGEJ.png

因為是要測試, 在定價層選擇最便宜的方案, 最後按下選取
http://ithelp.ithome.com.tw/upload/images/20170105/20103333FlCpglInwl.png

所有設定完成後, 按下建立
http://ithelp.ithome.com.tw/upload/images/20170105/201033332MWaRiaI0I.png

之後按下重新整理, 便可以看到剛建立的SQL 資料庫
http://ithelp.ithome.com.tw/upload/images/20170105/20103333hePkChxONW.png

此時便可以用MSSQL管理工具連接
http://ithelp.ithome.com.tw/upload/images/20170105/20103333aAOlSe8krN.png

接著回到Visual Studio中, 打開SalesCheckInContext.cs, 修改資料庫連線如下紅
框所示
http://ithelp.ithome.com.tw/upload/images/20170105/201033333Dvz29nwHw.png

重複上一篇Day22的步驟, 用dotnet ef命令列建立資料庫如下
dotnet ef migrations add InitialDatabaseAzure
dotnet ef database update
http://ithelp.ithome.com.tw/upload/images/20170105/20103333cX6SYEKDW2.png

此時在MSSQL管理工具重新整理, 便可以看到Azure SQL Database的SalesManagement已經建立成功
http://ithelp.ithome.com.tw/upload/images/20170105/20103333YJifcw9uK8.png

  • Azure App Service部署篇
    雖然可以用之前所建立Azure Mobile App服務來發佈網站, 不過還是來練習一下建立一個單純的Web服務, 在App Service裡, 點選Web應用程式, 然後按下建立
    http://ithelp.ithome.com.tw/upload/images/20170105/20103333RTgEECdsdg.png

之後填入必填欄位後, 按下建立
http://ithelp.ithome.com.tw/upload/images/20170105/20103333LyMMqqgooa.png

此時按下重新整理, 就可以看到剛建立的網站應用程式
http://ithelp.ithome.com.tw/upload/images/20170105/20103333WT1hfxqKjc.png

回到Visual Studio中, 點選Web專案, 按下滑鼠右鍵, 點選Publish
http://ithelp.ithome.com.tw/upload/images/20170105/20103333Zgz9w1gyAA.png

然後選擇Microsoft Azure App Service
http://ithelp.ithome.com.tw/upload/images/20170105/20103333NJgL6s7JZm.png

然後選擇剛剛在Azure Portal建立的App Service, 最後按下OK
http://ithelp.ithome.com.tw/upload/images/20170105/20103333ppfb0aF4uh.png

接著可以按下Validate Connection, 測試連線是否OK? 再按下Publish
http://ithelp.ithome.com.tw/upload/images/20170105/20103333Au0g7pGmsz.png

開始部署過程如下
http://ithelp.ithome.com.tw/upload/images/20170105/20103333au4SOzPACz.png

成功之後會自動連上網站
http://ithelp.ithome.com.tw/upload/images/20170105/20103333os54l0aZA3.png

因為已經部署到Azure上, 所以必須修改一下Azure AD B2C的設定, 順便啟用Mobile驗證如下紅框所示
http://ithelp.ithome.com.tw/upload/images/20170105/20103333iFhtU5jQh8.png

再來就是用Postman測試寫入資料的api是否正常?
http://ithelp.ithome.com.tw/upload/images/20170105/20103333PD9CxS73eM.png

接著用MSSQL管理工具查看寫入的資料
http://ithelp.ithome.com.tw/upload/images/20170105/20103333wREPciJFKM.png

後記: Azure App Service 與 Azure SQL Database對於ASP.NET工程師來說算是很方便的工具/images/emoticon/emoticon42.gif, 彈指之間可以把環境建立好, 方便測試


上一篇
Day22 - Azure App Service & Azure SQL Database Part1 Entity Framework Core本地開發篇
下一篇
Day24 - 業務人員行程管理系統開發IOS篇
系列文
Xamarin.Forms, ASP.NET Core WEB API搭配AZURE服務與資料庫服務整合應用實例32
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言