次の方法で共有

クイック スタート: Azure SQL と Azure Static Web Apps でデータ API ビルダーを使用する

  • [アーティクル]

このクイック スタートでは、Azure Developer CLI (AZD) テンプレートをデプロイします。 このテンプレートは、データ API ビルダーをホストする Azure Static Web アプリを、データベース接続 機能を使用してデプロイします。 テンプレートには、ソリューションの開始点として使用できるサンプル アプリケーションも含まれています。

前提 条件

  • Azure サブスクリプション。 Azure サブスクリプションをお持ちでない場合は、無料の 試用版アカウントを作成
  • .NET 8 の
  • Azure Developer CLI の

先端

または、すべての開発者の前提条件が既にインストールされている GitHub Codespaces でこのクイック スタートを開きます。 独自の Azure サブスクリプションを持ち込むだけです。 GitHub アカウントには、ストレージとコア時間の権利が無償で含まれます。 詳細については、GitHub アカウント に含まれるストレージとコア時間を参照してください。

GitHub Codespaces で開く

テンプレートをデプロイする

まず、AZD テンプレートを使用して、必要なすべてのサービスをデプロイします。

  1. プロジェクトのルート ディレクトリでターミナルを開きます。

  2. azd auth loginを使用して Azure Developer 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 テンプレートは、サポートするストレージ、ID、およびホスト サービスと共に、Azure SQL データベース をデプロイします。 サンプル Web アプリケーションが Web ホストにデプロイされます。

    azd up

  6. プロビジョニング プロセス中に、サブスクリプションと目的の場所を選択します。 プロビジョニング プロセスが完了するまで待ちます。 このプロセスには 約 5 分かかる場合があります。

    手記

    すべての 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 アプリとデプロイされたデータベースの間に接続を作成します。 この機能では、Data API Builder をシームレスに使用して、指定した資格情報を使用して実行中の Azure SQL データベースへの接続を作成します。

  1. Azure portal で Azure Static Web App リソースに移動します。

  2. これらの設定を使用して、データベース接続 を Azure SQL データベースに追加するように静的 Web アプリを構成します。 次に、[リンク選択します。

    価値
    データベースの種類の Azure SQL Database
    サブスクリプションの AZD デプロイ に使用したサブスクリプションを選択します
    リソース グループの AZD デプロイ に使用したリソース グループ (環境) を選択します
    リソース名の プレフィックスが srvr-* の SQL Server リソースのみを選択します
    データベース名の adventureworkslt
    認証の種類 User-assigned managed identity
    ユーザー割り当てマネージド ID の *プレフィックスが ua-id-* の唯一のマネージド ID リソースを選択します

    Azure portal の静的 Web アプリのデータベース接続ページのスクリーンショット。

  3. 次に、リソース ページの [参照] オプションを選択して、実行中の Web アプリケーションを観察します。

    Azure Static Web Apps で実行中の Web アプリケーションのスクリーンショット。

片付ける

サンプル アプリケーションまたはリソースが不要になったら、対応するデプロイとすべてのリソースを削除します。

  1. Azure サブスクリプションからデプロイを削除します。

    azd down

  2. GitHub Codespaces を使用している場合は、実行中のコードスペースを削除して、ストレージとコアのエンタイトルメントを最大化します。

次の手順

REST エンドポイント を する