設定開發環境

注意
如果你的機器之前任何依賴都沒有安裝過，SDK 的安裝時間將會超過30分鐘。

建立一個 Web 應用程式

在 Visual Studio 的 Start 頁面，點選 New Project。

另外，你也可以通過選單新建專案。點選 File > New > Project 。

完成 New Project 對話方塊：

• 在右側面板，點選 Web
• 在中部面板，點選 ASP.NET Core Web Application (.NET Core)
• 點選 OK

在 New ASP.NET Core Web Application (.NET Core) 對話方塊中：

• 點選 Web Application
• 確認 Authentication 設定為 Individual User Accounts
• 確認 Host in the cloud 沒有被選中
• 點選 OK

本地測試應用程式

• 使用 Ctrl F5 執行程式
• 點選 About 和 Contact 連結。根據您的裝置顯示尺寸的大小，可能需要單擊導航圖示以顯示連結

• 點選 Register 註冊一個新使用者。您可以使用虛構的電子郵件。當你點選提交後，會收到以下錯誤：

可以通過兩個方式來修復這個問題：

• 點選 Apply Migrations 當頁面發生更新的時候，重新整理螢幕
• 在專案目錄下執行該命令列 ：

dotnet ef database update

應用程式顯示使用者註冊時所使用的註冊郵箱以及登出連結。

釋出應用程式到 Azure

右擊專案選擇 Publish

在 Publish 彈出對話方塊裡，點選 Microsoft Azure App Service

點選 New 輸入一個新的資源組。建立新的資源組目的是為了可以方便地刪除所有您在本教程中建立在 Azure 資源。

建立新的資源組以及應用服務計劃：

• 點選 New 建立資源組並且輸入新資源組的名稱
• 點選 New 建立應用服務計劃並且選擇一個你附近的地址。你可以保留預設生成的名字
• 點選 Explore additional Azure services
  建立新的資料庫

• 點選綠色的 + 圖示來建立一個 SQL 資料庫

• 在 Configure SQL Database 彈出對話方塊中點選 New

• 你可以保持預設 Server Name
• 輸入管理員使用者密碼，點選 OK。記住使用者名稱密碼。

• 在 Configure SQL Database 彈出對話方塊中點選 OK

• 在 Create App Service 彈出對話方塊中點選 Create

• 在 Publish 彈出對話方塊中點選 Next

• 在 Publish 彈出對話方塊的 Settings 環節：
  • 選中 Use this connection string at runtime
  • 選中 Apply this migration on publish

• 點選 Publish

Visual Studio 將會把你的應用程式部署到 Azure 雲，並在瀏覽器中啟動你的雲應用。

在 Azure 雲中測試你應用程式

• 測試 About 以及 Contact 連結
• 註冊新使用者

更新應用程式

• 編輯 Views/Home/About.cshtml Razor 檢視檔案。修改內容，例如：

@{
    ViewData["Title"] = "About";
}
<h2>@ViewData["Title"].</h2>
<h3>@ViewData["Message"]</h3>

@*修改下面這樣內容*@
<p>My updated about page.</p>

• 右擊專案選擇 Publish

• 點 Publish 並在 Azure 雲端應用中驗證你的修改。

清理

如果你完成了應用程式的設定了，登入 Azure 面板並刪除應用。

• 在右側雙擊 Resource groups 並點選你建立的資源組。

下一步

返回目錄