Sdílet prostřednictvím


Rychlý start: Použití Tvůrce rozhraní Data API s Azure SQL a Azure Static Web Apps

V tomto rychlém startu nasadíte šablonu Azure Developer CLI (AZD). Šablona nasadí statickou webovou aplikaci Azure, která je hostitelem tvůrce rozhraní Data API, pomocí funkce připojení k databázi . Šablona obsahuje také ukázkovou aplikaci, kterou můžete použít jako výchozí bod pro vaše řešení.

Požadavky

Spropitné

Případně otevřete tento rychlý start v GitHub Codespaces se všemi požadavky vývojáře, které už jsou nainstalované. Jednoduše přineste vlastní předplatné Azure. Účty GitHubu zahrnují nárok na úložiště a hodiny jádra bez poplatků. Další informace najdete v zahrnutých hodin úložiště a jader pro účty GitHubu.

Open in GitHub Codespaces

Nasazení šablony

Nejprve nasaďte všechny požadované služby pomocí šablony AZD.

  1. Otevřete terminál v kořenovém adresáři projektu.

  2. Ověřování v rozhraní příkazového řádku Azure Developer CLI pomocí azd auth login. Postupujte podle kroků určených nástrojem k ověření v rozhraní příkazového řádku pomocí vašich upřednostňovaných přihlašovacích údajů Azure.

    azd auth login
    
  3. K inicializaci projektu použijte azd init.

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

    Důležitý

    Pokud používáte GitHub Codespaces, můžete argument --template vynechat, protože kód už je naklonovaný do vašeho prostředí.

  4. Během inicializace nakonfigurujte jedinečný název prostředí.

    Spropitné

    Název prostředí se také použije jako název cílové skupiny prostředků. Pro účely tohoto rychlého startu zvažte použití msdocs-swa-dab.

  5. Nasaďte řešení Azure Static Web Apps pomocí azd up. Šablony Bicep nasazují databázi Azure SQL spolu s podpůrnými službami úložiště, identity a hostitelů. Do webového hostitele se nasadí ukázková webová aplikace.

    azd up
    
  6. Během procesu zřizování vyberte své předplatné a požadované umístění. Počkejte na dokončení procesu zřizování. Proces může trvat přibližně pět minut.

    Poznámka

    Ne všechny služby Azure jsou dostupné v každé oblasti Azure. Další informace najdete v tématu produkty Azure podle oblastí.

  7. Jakmile se zřizování prostředků Azure dokončí, šablona vypíše zprávu SUCCESS spolu s dobou trvání spuštění.

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

Konfigurace připojení k databázi

Teď pomocí funkce připojení k databázi azure Static Web Apps vytvořte připojení mezi nasazenou statickou webovou aplikací a nasazenou databází. Tato funkce bezproblémově používá Tvůrce rozhraní Data API k vytvoření připojení ke spuštěné databázi Azure SQL pomocí zadaných přihlašovacích údajů.

  1. Na webu Azure Portal přejděte na prostředek Azure Static Web App.

  2. Pomocí těchto nastavení nakonfigurujte statickou webovou aplikaci tak, aby do databáze Azure SQL přidala připojení k databázi databáze. Pak vyberte Odkaz.

    Hodnota
    Typ databáze Azure SQL Database
    předplatného Vyberte předplatné, které jste použili pro nasazení AZD.
    skupiny prostředků Vyberte skupinu prostředků (prostředí), kterou jste použili pro nasazení AZD.
    názvu prostředku Vyberte jediný prostředek SQL Serveru s předponou srvr-*
    název databáze adventureworkslt
    typ ověřování User-assigned managed identity
    spravované identity přiřazené uživatelem *Vyberte jediný prostředek spravované identity s předponou ua-id-*

    snímek obrazovky se stránkou připojení k databázi pro statickou webovou aplikaci na webu Azure Portal

  3. Teď na stránce prostředku vyberte možnost Procházet a sledujte spuštěnou webovou aplikaci.

    snímek obrazovky se spuštěnou webovou aplikací ve službě Azure Static Web Apps.

Odklidit

Pokud už ukázkovou aplikaci nebo prostředky nepotřebujete, odeberte odpovídající nasazení a všechny prostředky.

  1. Odeberte nasazení z předplatného Azure.

    azd down
    
  2. Pokud používáte GitHub Codespaces, odstraňte spuštěný codespace, abyste maximalizovali nároky na úložiště a jádra.

Další krok