Áp dụng cập nhật cho mẫu của bạn

Đã hoàn thành 100 XP

Quy trình cung azd và triển khai ban đầu là một cách tuyệt vời để bắt đầu với ứng dụng của bạn trong Azure. Tuy nhiên, sau khi môi trường đang chạy, bạn sẽ muốn bắt đầu thực hiện thay đổi cho mã ứng dụng hoặc môi trường Azure của mình.

Có một vài dòng công việc khác nhau để chọn cập nhật môi trường Azure của bạn sau khi thực hiện thay đổi đối với azd mẫu. Bạn luôn có thể chạy lại azd up môi trường của mình bất kể bạn đã thay đổi tệp cơ sở hạ tầng hay mã ứng dụng của mình. azd up sẽ hoàn thành các bước đóng gói, cung cấp và triển khai mỗi lần chạy, vì vậy đây là một cách đơn giản để đảm bảo tất cả các thay đổi của bạn được đẩy ra Azure.

Tuy nhiên, azd cung cấp các lệnh chi tiết hơn ánh xạ đến các giai đoạn cụ thể của dòng công việc nhà phát triển. Các lệnh này cũng có thể tiết kiệm thời gian bằng cách bỏ qua các bước hoặc kiểm tra không cần thiết mà bạn biết là chưa thay đổi.

  • azd deploy - Các gói lệnh này và triển khai lại mã nguồn ứng dụng của bạn cho Azure. Tuy nhiên, nó sẽ không thực hiện bất kỳ cơ sở hạ tầng nào dưới dạng tệp mã áp dụng thay đổi cho tài nguyên Azure của bạn.

  • azd provision - Lệnh này tạo hoặc cập nhật các tài nguyên Azure dựa trên những thay đổi đối với cơ sở hạ tầng của bạn dưới dạng tệp mã. Ví dụ: azd provision một tài khoản lưu trữ mới trong Azure nếu bạn thêm tài khoản đó vào tệp Bicep hoặc Terraform. Tuy nhiên, lệnh này không đóng gói hoặc triển khai lại mã nguồn ứng dụng của bạn.

Cập nhật mã ứng dụng

Nhóm của bạn đang xây dựng một ứng dụng quản lý vé, không phải ứng dụng Todo, vì vậy bạn muốn thay đổi văn bản tiêu đề cho phù hợp. Hoàn thành các bước sau để cập nhật mã ứng dụng của bạn và triển khai lại các thay đổi của bạn bằng cách azd:

  1. Định vị header.tsx tệp trong src/web/src/layout mục của mẫu. Nếu bạn đang sử dụng Mã Visual Studio, bạn cũng có thể sử dụng lối tắt ctrl + p để tìm kiếm trực tiếp tệp header.tsx hình.

  2. Thay đổi văn bản hiển thị đầu trang xung quanh dòng 42 Todo thành Ticket Manager và lưu thay đổi của bạn.

    TypeScript
    <Stack horizontal styles={logoStyles}>
        <FontIcon aria-label="Check" iconName="SkypeCircleCheck" className={logoIconClass} />
        <Text variant="xLarge">Ticket Manager</Text>
    </Stack>
    
  3. Trong cửa sổ dấu nhắc lệnh được đặt thành gốc của thư mục, hãy chạy lệnh azd deploy lệnh. Chờ một chút trong khi azd triển khai lại mã của bạn.

    Azure Developer CLI
    azd deploy
    
  4. Khi lệnh hoàn tất, hãy truy cập lại ứng dụng của bạn trong trình duyệt. Văn bản ở phía trên bên trái của tiêu đề bây giờ sẽ trình quản lý vé.

Cập nhật tài nguyên Azure

Nhóm của bạn đang lên kế hoạch thêm khả năng người dùng tải lên tệp bằng phiếu của họ, chẳng hạn như hình ảnh hoặc ảnh chụp màn hình về sự cố họ đang gặp phải hoặc các tài liệu dịch vụ khác. Bạn muốn thêm một tài khoản Lưu trữ Azure vào môi trường sẽ lưu giữ các tệp này. Bạn cũng muốn đảm bảo tài khoản lưu trữ được bao gồm trong quá trình thiết lập ban đầu khi mẫu này được cung cấp cho môi trường trong tương lai. Bạn có thể đáp ứng các yêu cầu này bằng cách sửa đổi cơ sở hạ tầng dưới dạng tệp mã cho mẫu của mình theo các bước sau:

  1. Trong thư infra mục gốc của mẫu, hãy mở tệp main.bicep của bạn.

  2. Mẫu đã chứa sẵn một mô-đun Bicep có thể tái sử dụng để tạo tài khoản lưu trữ, vì vậy bạn có thể sử dụng nó để thêm của riêng bạn. Dán đoạn mã sau đây ở dưới cùng của tệp main.bicep xung quanh dòng 180 ở trên nơi các biến đầu ra được xác định:

    Bicep
    module storage './core/storage/storage-account.bicep' = {
      name: 'storage'
      scope: rg
      params: {
        name: '${abbrs.storageStorageAccounts}${resourceToken}'
        location: location
        tags: tags
      }
    }
    
  3. Lưu các thay đổi của bạn, rồi chạy lệnh azd provision thay đổi. azd provision sẽ sử dụng cơ sở hạ tầng làm tệp mã trong mẫu của bạn để cập nhật môi trường Azure nhưng sẽ không triển khai lại bất kỳ mã nguồn ứng dụng nào của bạn.

    Azure Developer CLI
    azd provision
    
  4. Khi lệnh hoàn tất, hãy làm theo URL mà bảng điều khiển sẽ in để khởi chạy cổng thông tin Azure trong trình duyệt của bạn. Bạn sẽ thấy nhóm tài nguyên chứa tất cả các tài nguyên ban đầu được cung cấp, bao gồm cả tài khoản lưu trữ mới.

    ảnh chụp màn hình hiển thị tài khoản lưu trữ đã triển khai.

Lưu ý

Khi làm việc với azd, hãy nhớ rằng cơ sở hạ tầng như các tập tin mã là idempotent, có nghĩa là không có vấn đề bao nhiêu lần bạn chạy chúng, trạng thái kết thúc mong muốn sẽ vẫn nhất quán. Bicep hoặc Terraform sẽ áp dụng thay đổi cho Azure để môi trường của bạn phù hợp với trạng thái tệp cơ sở hạ tầng của bạn, nhưng các thay đổi sẽ không được áp dụng cho các tài nguyên đã khớp với trạng thái mong muốn.


Bài học tiếp theo: Cấu hình đường ống dẫn CI/CD cho mẫu của bạn

Trước Tiếp theo