ASP.NET Core: Triển khai ứng dụng web ASP.NET

Các khóa học qua video:
Python SQL Server PHP C# Lập trình C Java HTML5-CSS3-JavaScript
Học trên YouTube <76K/tháng. Đăng ký Hội viên
Viết nhanh hơn - Học tốt hơn
Giải phóng thời gian, khai phóng năng lực

Trong bài hướng dẫn này, bạn sẽ tìm hiểu cách tạo và triển khai ứng dụng web ASP.NET đầu tiên của mình lên App Service Azure. App Service hỗ trợ các phiên bản khác nhau của ứng dụng .NET và cung cấp dịch vụ lưu trữ web tự vá, có khả năng mở rộng cao. Các ứng dụng web ASP.NET đa nền tảng và có thể được lưu trữ trên Linux hoặc Windows. Khi hoàn tất, bạn có một nhóm tài nguyên Azure bao gồm gói lưu trữ App Service và App Service với ứng dụng web đã triển khai.

Ngoài ra, bạn có thể triển khai ứng dụng web ASP.NET như một phần của bộ chứa Windows hoặc Linux trong App Service.

Điều kiện tiên quyết

Nếu bạn đã cài đặt Visual Studio 2022+:

  1. Cài đặt các bản cập nhật mới nhất trong Visual Studio bằng cách chọn HelpCheck for Updates.
  2. Thêm cài đặt bằng cách chọn Tools > Get Tools and Features.

I. Tạo một ứng dụng web ASP.NET

1. Mở Visual Studio rồi chọn Create a new project.

2. Trong Create a new project, tìm và chọn ASP.NET Core Web App, sau đó chọn Next.

3. Trong Configure your new project, hãy đặt tên cho ứng dụng là MyFirstAzureWebApp, sau đó chọn Next.

Ảnh chụp màn hình của Visual Studio - Định cấu hình ứng dụng web ASP.NET 7.0.

4. Chọn .NET 7.0 (Standard Term Support).

5. Đảm bảo Authentication type được đặt thành None, sau đó chọn Create.

Ảnh chụp màn hình của Visual Studio - Thông tin bổ sung khi chọn .NET 7.0.

6. Từ menu Visual Studio, chọn Debug > Start Without Debugging để chạy ứng dụng web cục bộ. Nếu bạn thấy có thông báo yêu cầu bạn tin cậy chứng chỉ tự ký, hãy chọn Yes.

Ảnh chụp màn hình của Visual Studio - ASP.NET Core 7.0 đang chạy cục bộ.

II. Xuất bản ứng dụng web

Để xuất bản ứng dụng web của bạn, trước tiên bạn phải tạo và định cấu hình App Service mới mà bạn có thể xuất bản ứng dụng của mình.

Là một phần của việc thiết lập App Service, bạn tạo:

  • Một nhóm tài nguyên mới để chứa tất cả các tài nguyên Azure cho dịch vụ.
  • Gói lưu trữ mới chỉ định vị trí, kích thước và tính năng của nhóm máy chủ web lưu trữ ứng dụng của bạn.

Bạn hãy làm theo các bước sau để tạo tài nguyên App Service và xuất bản dự án của bạn:

1. Trong Solution Explorer, bấm chuột phải vào dự án MyFirstAzureWebApp và chọn Publish.

2. Trong Publish, chọn Azure rồi chọn Next.Ảnh chụp màn hình của Visual Studio - Xuất bản ứng dụng web và nhắm mục tiêu Azure.

3. Chọn Specific target, rồi chọn Azure App Service (Linux) hoặc Azure App Service (Windows). Sau đó chọn Next.

Quan trọng

Nếu là ASP.NET Framework 4.8, hãy sử dụng Azure App Service (Windows).

4. Các tùy chọn của bạn phụ thuộc vào việc bạn đã đăng nhập vào Azure chưa và liệu bạn có tài khoản Visual Studio được liên kết với tài khoản Azure hay không. Chọn Add an account hoặc Sign in để đăng nhập vào phần đăng ký Azure của bạn. Nếu bạn đã đăng nhập, hãy chọn tài khoản bạn muốn.

Ảnh chụp màn hình của Visual Studio - Chọn đăng nhập vào hộp thoại Azure.

5. Ở bên phải của App Service instances, hãy chọn +.

Ảnh chụp màn hình của hộp thoại ứng dụng Visual Studio - Dịch vụ ứng dụng mới.

6. Đối với Subscription, hãy chấp nhận đăng ký được liệt kê hoặc chọn một đăng ký mới từ danh sách thả xuống.

7. Đối với Resource group, chọn New. Trong New resource group name, nhập myResourceGroup và chọn OK.

8. Đối với Hosting Plan, hãy chọn New.

9. Trong hộp thoại Hosting Plan: Create new, hãy nhập các giá trị được chỉ định trong bảng sau:

Cài đặt Giá trị đề xuất Mô tả
Kế hoạch lưu trữ MyFirstAzureWebAppPlan Tên của gói App Service.
Vị trí Tây Âu (West Europe) Trung tâm dữ liệu nơi lưu trữ ứng dụng web.
Kích cỡ Miễn phí Mức giá xác định các tính năng lưu trữ.

10. Trong phần Name, hãy nhập tên ứng dụng duy nhất chỉ bao gồm các ký tự hợp lệ là a-zA-Z0-9 và -. Bạn có thể chấp nhận tên duy nhất được tạo tự động. URL của ứng dụng web là http://<app-name>.azurewebsites.net, trong đó <app-name> là tên ứng dụng của bạn.

11. Chọn Create để tạo tài nguyên Azure.

Ảnh chụp màn hình của Visual Studio - Tạo hộp thoại tài nguyên ứng dụng.

Khi trình hướng dẫn hoàn tất, tài nguyên Azure được tạo cho bạn và bạn đã sẵn sàng xuất bản dự án ASP.NET Core của mình.

12. Trong hộp thoại Publish, hãy đảm bảo ứng dụng App Service mới của bạn được chọn, sau đó chọn Finish rồi chọn Close. Visual Studio tạo hồ sơ xuất bản cho bạn cho ứng dụng App Service đã chọn.

13. Trong trang Publish, chọn Publish. Nếu bạn thấy thông báo cảnh báo, hãy chọn Continue.

Visual Studio xây dựng, đóng gói và xuất bản ứng dụng lên Azure, sau đó khởi chạy ứng dụng trong trình duyệt mặc định.

Bạn sẽ thấy ứng dụng web ASP.NET Core 7.0 được hiển thị trong trang dạng như thế này.

Ảnh chụp màn hình của Visual Studio - ứng dụng web ASP.NET Core 7.0 trong Azure.

III. Cập nhật ứng dụng và triển khai lại

Thực hiện theo các bước sau để cập nhật và triển khai lại ứng dụng web của bạn:

1. Trong Solution Explorer, trong dự án của bạn, hãy mở Index.cshtml.

2. Thay thế phần tử <div> đầu tiên bằng đoạn mã sau:

<div class="jumbotron">
    <h1>.NET 💜 Azure</h1>
    <p class="lead">Example .NET app to Azure App Service.</p>
</div>

Lưu các thay đổi của bạn.

3. Để triển khai lại sang Azure, nhấp chuột phải vào dự án MyFirstAzureWebApp trong Solution Explorer và chọn Publish.

4. Trong trang tóm tắt Publish, chọn Publish.

Khi quá trình xuất bản hoàn tất, Visual Studio sẽ khởi chạy trình duyệt tới URL của ứng dụng web.

Bạn thấy ứng dụng web ASP.NET Core 7.0 đã cập nhật được hiển thị trong trang.

Ảnh chụp màn hình của Visual Studio - Ứng dụng web ASP.NET Core 7.0 đã cập nhật trong Azure.

IV. Quản lý ứng dụng Azure

Để quản lý ứng dụng web của bạn, hãy truy cập cổng Azure, tìm kiếm và chọn App Services.

Ảnh chụp màn hình cổng Azure - Chọn tùy chọn Dịch vụ ứng dụng.

Trên trang App Services, chọn tên ứng dụng web của bạn.

Ảnh chụp màn hình cổng Azure - trang Dịch vụ ứng dụng với một ứng dụng web mẫu được chọn.

Trang Overview cho ứng dụng web của bạn chứa các tùy chọn để quản lý cơ bản như duyệt, dừng, bắt đầu, khởi động lại và xóa. Menu bên trái cung cấp thêm các trang để định cấu hình ứng dụng của bạn.

Ảnh chụp màn hình của cổng Azure - trang tổng quan về Dịch vụ ứng dụng.

Làm sạch tài nguyên

Trong các bước ở trên, bạn đã tạo tài nguyên Azure trong một nhóm tài nguyên. Nếu bạn không muốn cần những tài nguyên này trong tương lai, bạn có thể xóa chúng bằng cách xóa nhóm tài nguyên.

  1. Từ trang Overview của ứng dụng web của bạn trong cổng Azure, hãy chọn liên kết myResourceGroup trong Rerource group.
  2. Trên trang nhóm tài nguyên, đảm bảo rằng các tài nguyên được liệt kê là những tài nguyên bạn muốn xóa.
  3. Chọn Delete, nhập myResourceGroup vào hộp văn bản rồi chọn Delete.
Nguồn: learn.microsoft.com
» Tiếp: Triển khai ứng dụng Cơ sở dữ liệu ASP.NET Core và Azure SQL cho App Service Azure
« Trước: Định tuyến tới các action của controller trong ASP.NET Core
Các khóa học qua video:
Python SQL Server PHP C# Lập trình C Java HTML5-CSS3-JavaScript
Học trên YouTube <76K/tháng. Đăng ký Hội viên
Viết nhanh hơn - Học tốt hơn
Giải phóng thời gian, khai phóng năng lực
Copied !!!