天天看點

在 Azure 上部署 Asp.NET Core Web App

在雲計算大行其道的時代,當你要部署一個網站時第一選擇肯定是各式各樣的雲端服務。那麼究竟使用什麼樣的雲端服務才能夠以最快捷的方式部署一個 ASP.NET Core的網站呢?Azure 的 Web App 服務是個很好的選擇。

下面我們會通過 Visual Studio 建立一個 Asp.net Core demo 應用,然後把這個 demo 應用部署到 Azure Web App。通過閱讀本文,您将能了解到如何建立 Asp.NET Core 應用程式和如何在Azure上建立 Web App 并部署 Asp.NET Core 應用。

Azure Web App 是什麼?

Web App 是 Azure 提供的用于運作網站和 Web 應用程式的計算資源。如果要簡單的打個比方,您可以把它了解為 IIS 下的一個虛拟目錄。我們隻要把 Web 應用上傳到指定的地方它就能提供 Web 服務了。

Azure Web App 具有很多的有點,但我想在這裡強調的隻有一個:簡單!

建立 Asp.NET Core 應用

想通過 Visual Studio 建立 Asp.net Core 應用需要先安裝 .net core vs tool,詳細資訊請參考這裡。下面我們先建立一個 Asp.NET Core demo 應用。

打開 Visual Studio 建立工程,選擇 Web->ASP.NET Core Web Application (.NET Core) 模闆。

在 Azure 上部署 Asp.NET Core Web App

在建立 ASP.NET Core Web Application (.NET Core) 對話框中選擇 “Web Application” 模闆。然後修改 Authentication 的類型為 “Individual User Accounts” 。此時通過模闆建立的應用就會包含使用者管理的子產品。同時取消 “Host in the cloud” 的選項,然後點選 OK 按鈕。

在 Azure 上部署 Asp.NET Core Web App

Demo 程式就算建立完成了,但是要想讓它正确的運作起來還需要一點點的設定。

按 F5 在本地運作 demo 應用,點選 “Register” 去注冊一個新的使用者。當您填完資訊并按下 “Register” 按鈕後會收到下面的錯誤:

在 Azure 上部署 Asp.NET Core Web App

大體的意思是說資料庫沒有設定好,解決的辦法也都在上面說了,一共有三種:

1.    直接點選 “Apply Migrations” 按鈕。

2.    在 Visual Studio 的 Package Manager Console 中執行 “Update-Database” 指令。

3.    執行 dotnet ef database update 指令。

這裡選擇第二種方式:

在 Azure 上部署 Asp.NET Core Web App

然後重新啟動網站并注冊新使用者,一切 OK!

到此,Asp.NET Core Web 應用的建立就完成了。

建立 Azure Web App

可以通過不同的方式建立 Azure Web App 服務,比如直接在 Azure 網站上建立。也可以通過 Visual Studio 在釋出應用的過程中直接建立 Azure Web App。下面我們将通過示範介紹使用 Visual Studio 建立 Azure Web App 的詳細步驟。

右鍵已建立的項目名稱,選擇 “Publish”。

在 Azure 上部署 Asp.NET Core Web App

這一步需要您輸入您的MS訂閱賬号(Azure上的一切資源都是通過您的賬号進行管理的),登入完成後點選 new 按鈕開始建立過程:

在 Azure 上部署 Asp.NET Core Web App

預設的 Service 類型就是 Web App,是以不需要再進行配置。下面選擇或者建立 Resource Group/App Service Plan。這裡稍微解釋一下,Resource Group 是資源管理的邏輯機關,可以通過 Resource Group 管理其包含的資源,主要是進行授權。App Service Plan 簡單點說就是管理您的資源配置設定,您花費一塊錢和十塊錢顯然是會配置設定到不同的資源。然後點選“Explore additional Azure services”開始建立資料庫。

在 Azure 上部署 Asp.NET Core Web App

我們的應用中用到了資料庫,是以需要在 Azure 上建立資料庫。現在進入資料庫建立流程,點選右側綠色的加号:

在 Azure 上部署 Asp.NET Core Web App

資料庫的建立包含兩部分。首先要建立 SQL Server 資料庫伺服器,然後在資料庫伺服器上建立資料庫執行個體。

是以在建立資料庫時需要先建立資料庫伺服器:

在 Azure 上部署 Asp.NET Core Web App

下面是建立新的資料庫伺服器的界面,請輸入合适的資料庫伺服器名稱,并設定好您的使用者名和密碼,然後點選 OK 按鈕:

在 Azure 上部署 Asp.NET Core Web App

接下來又回到了建立資料庫的界面,此時的資料庫伺服器已經設定好了,隻要再輸入資料庫的名稱就可以了。然後點選 OK 按鈕進入下一步:

在 Azure 上部署 Asp.NET Core Web App

下面是添加完資料庫配置的樣子,直接點 Create 按鈕完成所有配置的建立:

在 Azure 上部署 Asp.NET Core Web App

至此,我們已經完成了 Azure Web App 和雲端資料庫的建立。接下來看我們如何把 Asp.NET Core  應用釋出到 Azure Web App 上去。

部署 Asp.NET Core 應用

在完成了 Azure Web App 的建立後我們回到部署過程。在 Connection 頁籤中,其實我們看到的設定都是預設值,沒有特殊要求的話是不需要修改的。點選進入Settings 頁籤:

在 Azure 上部署 Asp.NET Core Web App

基本的配置使用預設值就可以了。我們需要選擇使用資料庫的連接配接字元串,和 Apply this migration on publish 就可以了。然後點選 Publish 按鈕完成往雲端的釋出:

在 Azure 上部署 Asp.NET Core Web App

根據您的網絡狀況,釋出過程可能會持續上一小會兒。當釋出完成後,您就可以在浏覽器裡檢視應用了。

簡單的測試

我們的應用有一個很重要的功能:可以建立使用者并且登入。在完成釋出後您一定很想測試一下這個功能,因為我們并沒有為建立這個功能做過什麼。

下面試着建立一個新的使用者 [email protected]

在 Azure 上部署 Asp.NET Core Web App

還不錯,建立完成後使用者 [email protected] 已經登入了。

總結

本文通過詳細的操作步驟向大家介紹了 Asp.NET Core 應用的建立,并且向 Azure Web App Service 部署的過程。希望對有興趣的同學有所幫助。

作者:sparkdev

出處:http://www.cnblogs.com/sparkdev/

本文版權歸作者和部落格園共有,歡迎轉載,但未經作者同意必須保留此段聲明,且在文章頁面明顯位置給出原文連接配接,否則保留追究法律責任的權利。

繼續閱讀