共用方式為


快速入門:搭配 Azure SQL 和 Azure Static Web Apps 使用數據 API 產生器

在本快速入門中,您會部署 Azure 開發人員 CLI (AZD) 範本。 此範本會部署 Azure 靜態 Web 應用程式,以使用其 資料庫連線 功能來裝載數據 API 產生器。 此範本也包含範例應用程式,您可以作為解決方案的起點。

先決條件

提示

或者,在 GitHub Codespaces 中開啟本快速入門,並已安裝所有開發人員必要條件。 只需自備 Azure 訂用帳戶即可。 GitHub 帳戶包含記憶體和核心時數的權利,不收費。 如需詳細資訊,請參閱 gitHub 帳戶 包含的記憶體和核心時數。

在 GitHub Codespaces 中開啟

部署範本

首先,使用 AZD 範本部署所有必要的服務。

  1. 在專案的根目錄中開啟終端機。

  2. 使用 azd auth login向 Azure 開發人員 CLI 進行驗證。 依照工具指定的步驟,使用您慣用的 Azure 認證向 CLI 進行驗證。

    azd auth login
    
  3. 使用 azd init 初始化專案。

    azd init --template dab-azure-sql-quickstart
    

    重要

    如果您在 GitHub Codespaces 中執行,則可以安全地省略 --template 自變數,因為程式代碼已經複製到您的環境。

  4. 初始化期間,請設定唯一的環境名稱。

    提示

    環境名稱也會作為目標資源組名。 在本快速入門中,請考慮使用 msdocs-swa-dab

  5. 使用 azd up部署 Azure Static Web Apps 解決方案。 Bicep 範本會部署 Azure SQL 資料庫,以及支援的記憶體、身分識別和主機服務。 範例 Web 應用程式會部署到 Web 主機。

    azd up
    
  6. 在布建程式期間,選取您的訂用帳戶和所需的位置。 等候布建程式完成。 此程式可能需要大約五分鐘

    注意

    並非所有 Azure 區域都有可用的 Azure 服務。 如需詳細資訊,請參閱依區域Azure 產品。

  7. 完成 Azure 資源的布建之後,範本會輸出 SUCCESS 訊息,以及執行持續時間。

    SUCCESS: Your application was provisioned and deployed to Azure in 5 minutes 0 seconds.
    

設定資料庫連線

現在,使用 Azure Static Web Apps 功能 資料庫連線,在已部署的靜態 Web 應用程式和已部署的資料庫之間建立連線。 這項功能會使用數據 API 產生器順暢地使用您指定的認證,建立與執行中 Azure SQL 資料庫的連線。

  1. 流覽至 Azure 入口網站中 Azure 靜態 Web 應用程式 資源。

  2. 設定靜態 Web 應用程式,以使用這些設定,將 資料庫連線 新增至 Azure SQL 資料庫。 然後,選取 [連結]

    價值
    資料庫類型 Azure SQL Database
    訂用帳戶 選取您用於 AZD 部署的訂用帳戶
    資源群組 選取您用於 AZD 部署的資源群組(環境)
    資源名稱 選取唯一具有前置詞 srvr-* 的 SQL Server 資源
    資料庫名稱 adventureworkslt
    驗證類型 User-assigned managed identity
    使用者指派的受控識別 *選取唯一具有前置詞 ua-id-* 的受控識別資源

    Azure 入口網站中靜態 Web 應用程式的資料庫連線頁面螢幕快照。

  3. 現在,選取資源頁面上的 [流覽] 選項,以觀察執行中的 Web 應用程式。

    Azure Static Web Apps 上執行 Web 應用程式的螢幕快照。

收拾

當您不再需要範例應用程式或資源時,請移除對應的部署和所有資源。

  1. 從您的 Azure 訂用帳戶中移除部署。

    azd down
    
  2. 如果您使用 GitHub Codespaces,請刪除執行中的 Codespace,以最大化您的記憶體和核心權利。

下一步