Node.js と mssql npm パッケージを使用して Azure SQL Database に接続し、クエリを実行する

[アーティクル]
05/12/2023

このクイックスタートでは、Node.js と mssql を使用して Azure SQL Database 内のデータベースにアプリケーションを接続し、クエリを実行する方法について説明します。このクイックスタートでは、データベースに接続するための推奨されるパスワードレスアプローチに従います。

開発者向けのパスワードレス接続

パスワードレス接続は、Azure リソースにアクセスするためのより安全なメカニズムを提供します。この記事では、パスワードレス接続を使って Azure SQL Database に接続するために次の大まかな手順を使用します。

パスワードなしの認証用に環境を準備します。
- ローカル環境の場合: 個人 ID が使用されます。この ID は、IDE、CLI、またはその他のローカル開発ツールから取得できます。
- クラウド環境の場合: マネージド ID が使用されます。
検証済みの資格情報を取得するには、Azure ID ライブラリから DefaultAzureCredential を使用して認証を行います。
検証済みの資格情報を使用して、リソースアクセス用の Azure SDK クライアントオブジェクトを作成します。

パスワードレス接続について詳しくは、パスワードレスハブに関する記事を参照してください。

前提条件

Azure サブスクリプション
Microsoft Entra ID (旧称 Azure Active Directory) 認証を使用して構成された Azure SQL データベース内のデータベース。データベースの作成クイックスタートを使用して作成できます。
Bash 対応シェル
Node.js LTS
Visual Studio Code
Visual Studio Code 用の Azure App Service 拡張機能
最新バージョンの Azure CLI

データベースサーバーを構成する

Azure SQL Database への安全なパスワードレス接続には、特定のデータベース構成が必要です。 Azure の論理サーバーで次の設定を確認し、ローカル環境とホスト環境の両方で Azure SQL Database に適切に接続します。

ローカル開発の接続の場合は、ローカルコンピューターの IP アドレスやその他の Azure サービスで接続できるように論理サーバーが構成されていることを確認します。
- お使いのサーバーの [ネットワーク] ページに移動します。
- [選択されたネットワーク] ラジオボタンを切り替えて、追加の構成オプションを表示します。
- [Add your client IPv4 address(xx.xx.xx.xx)] (クライアント IPv4 アドレスの追加 (xx.xx.xx.xx)) を選び、ローカルコンピューターの IPv4 アドレスからの接続を有効にするファイアウォール規則を追加します。または、[+ Add a firewall rule] (ファイアウォール規則の追加) を選び、選んだ特定の IP アドレスを入力することもできます。
- [Azure サービスおよびリソースにこのサーバーへのアクセスを許可する] チェックボックスがオンになっていることを確認します。
  警告
  
  [Azure サービスおよびリソースにこのサーバーへのアクセスを許可する] 設定を有効にすることは、運用環境のシナリオでは推奨されるセキュリティプラクティスではありません。実際のアプリケーションでは、より強力なファイアウォール制限や仮想ネットワーク構成など、より安全なアプローチを実装する必要があります。
  
  データベースセキュリティの構成について詳しくは、次のリソースを参照してください。
  - Azure SQL Database ファイアウォール規則を構成する。
  - プライベートエンドポイントを使用して仮想ネットワークを構成する。
また、サーバーでは Microsoft Entra 認証が有効になっており、Microsoft Entra 管理者アカウントが割り当てられている必要があります。ローカル開発接続の場合、Microsoft Entra 管理者アカウントは、ローカルで Visual Studio または Azure CLI にログインできるアカウントである必要があります。論理サーバーの Microsoft Entra ID ページで、サーバーで Microsoft Entra 認証が有効になっているかどうかを確認できます。
個人の Azure アカウントを使用している場合は、アカウントをサーバー管理者として割り当てるために、Microsoft Entra がセットアップされ、Azure SQL Database 用に構成されていることを確認してください。企業アカウントを使用している場合は、Microsoft Entra ID がおそらくすでに構成済みになっています。

プロジェクトを作成する

このセクションの手順では、Node.js REST API を作成します。

プロジェクト用の新しいディレクトリを作成し、そこに移動します。
ターミナルで次のコマンドを実行してプロジェクトを初期化します。
```
npm init -y
```
この記事のサンプルコードで使用する必要があるパッケージをインストールします。
```
npm install mssql swagger-ui-express yamljs
```
この記事のサンプルコードで使用する開発パッケージをインストールします。
```
npm install --save-dev dotenv 
```
Visual Studio Code でプロジェクトを開きます。
```
code .
```
package.json ファイルを開き、name プロパティの後に次のプロパティと値を追加して、ESM モジュール用のプロジェクトを構成します。
```
"type": "module",
```

Express.js アプリケーションコードを作成する

Express.js OpenAPI を作成するには、いくつかのファイルを作成します。

ファイル	説明
.env.development	ローカルの開発専用環境ファイル。
index.js	メインアプリケーションファイル。これは、ポート 3000 で Express.js アプリを起動します。
person.js	CRUD 操作を処理する Express.js /person ルート API ファイル。
openapi.js	OpenAPI エクスプローラー UI の Express.js /api-docs ルート。ルートはこのルートにリダイレクトされます。
openApiSchema.yml	Person API を定義する OpenAPI 3.0 スキーマファイル。
config.js	環境変数を読み取り、適切な mssql 接続オブジェクトを構築するための構成ファイル。
database.js	mssql npm パッケージを使用して Azure SQL CRUD 操作を処理するデータベースクラス。
./vscode/settings.json	デプロイ中、glob パターンによってファイルを無視します。

index.js ファイルを作成し、次のコードを追加します。

import express from 'express';
import { config } from './config.js';
import Database from './database.js';

// Import App routes
import person from './person.js';
import openapi from './openapi.js';

const port = process.env.PORT || 3000;

const app = express();

// Development only - don't do in production
// Run this to create the table in the database
if (process.env.NODE_ENV === 'development') {
  const database = new Database(config);
  database
    .executeQuery(
      `CREATE TABLE Person (id int NOT NULL IDENTITY, firstName varchar(255), lastName varchar(255));`
    )
    .then(() => {
      console.log('Table created');
    })
    .catch((err) => {
      // Table may already exist
      console.error(`Error creating table: ${err}`);
    });
}

// Connect App routes
app.use('/api-docs', openapi);
app.use('/persons', person);
app.use('*', (_, res) => {
  res.redirect('/api-docs');
});

// Start the server
app.listen(port, () => {
  console.log(`Server started on port ${port}`);
});

person.js ルートファイルを作成し、次のコードを追加します。

import express from 'express';
import { config } from './config.js';
import Database from './database.js';

const router = express.Router();
router.use(express.json());

// Development only - don't do in production
console.log(config);

// Create database object
const database = new Database(config);

router.get('/', async (_, res) => {
  try {
    // Return a list of persons
    const persons = await database.readAll();
    console.log(`persons: ${JSON.stringify(persons)}`);
    res.status(200).json(persons);
  } catch (err) {
    res.status(500).json({ error: err?.message });
  }
});

router.post('/', async (req, res) => {
  try {
    // Create a person
    const person = req.body;
    console.log(`person: ${JSON.stringify(person)}`);
    const rowsAffected = await database.create(person);
    res.status(201).json({ rowsAffected });
  } catch (err) {
    res.status(500).json({ error: err?.message });
  }
});

router.get('/:id', async (req, res) => {
  try {
    // Get the person with the specified ID
    const personId = req.params.id;
    console.log(`personId: ${personId}`);
    if (personId) {
      const result = await database.read(personId);
      console.log(`persons: ${JSON.stringify(result)}`);
      res.status(200).json(result);
    } else {
      res.status(404);
    }
  } catch (err) {
    res.status(500).json({ error: err?.message });
  }
});

router.put('/:id', async (req, res) => {
  try {
    // Update the person with the specified ID
    const personId = req.params.id;
    console.log(`personId: ${personId}`);
    const person = req.body;

    if (personId && person) {
      delete person.id;
      console.log(`person: ${JSON.stringify(person)}`);
      const rowsAffected = await database.update(personId, person);
      res.status(200).json({ rowsAffected });
    } else {
      res.status(404);
    }
  } catch (err) {
    res.status(500).json({ error: err?.message });
  }
});

router.delete('/:id', async (req, res) => {
  try {
    // Delete the person with the specified ID
    const personId = req.params.id;
    console.log(`personId: ${personId}`);

    if (!personId) {
      res.status(404);
    } else {
      const rowsAffected = await database.delete(personId);
      res.status(204).json({ rowsAffected });
    }
  } catch (err) {
    res.status(500).json({ error: err?.message });
  }
});

export default router;

openapi.js ルートファイルを作成し、OpenAPI UI エクスプローラーの次のコードを追加します。

import express from 'express';
import { join, dirname } from 'path';
import swaggerUi from 'swagger-ui-express';
import yaml from 'yamljs';
import { fileURLToPath } from 'url';

const __dirname = dirname(fileURLToPath(import.meta.url));

const router = express.Router();
router.use(express.json());

const pathToSpec = join(__dirname, './openApiSchema.yml');
const openApiSpec = yaml.load(pathToSpec);

router.use('/', swaggerUi.serve, swaggerUi.setup(openApiSpec));

export default router;

openApiSchema.yml スキーマファイルを作成し、次の YAML コードを追加します。

openapi: 3.0.0
info:
  version: 1.0.0
  title: Persons API
paths:
  /persons:
    get:
      summary: Get all persons
      responses:
        '200':
          description: OK
          content:
            application/json:
              schema:
                type: array
                items:
                  $ref: '#/components/schemas/Person'
    post:
      summary: Create a new person
      requestBody:
        required: true
        content:
          application/json:
            schema:
              $ref: '#/components/schemas/Person'
      responses:
        '201':
          description: Created
          content:
            application/json:
              schema:
                $ref: '#/components/schemas/Person'
  /persons/{id}:
    parameters:
      - name: id
        in: path
        required: true
        schema:
          type: integer
    get:
      summary: Get a person by ID
      responses:
        '200':
          description: OK
          content:
            application/json:
              schema:
                $ref: '#/components/schemas/Person'
        '404':
          description: Person not found
    put:
      summary: Update a person by ID
      requestBody:
        required: true
        content:
          application/json:
            schema:
              $ref: '#/components/schemas/Person'
      responses:
        '200':
          description: OK
          content:
            application/json:
              schema:
                $ref: '#/components/schemas/Person'
        '404':
          description: Person not found
    delete:
      summary: Delete a person by ID
      responses:
        '204':
          description: No Content
        '404':
          description: Person not found
components:
  schemas:
    Person:
      type: object
      properties:
        id:
          type: integer
          readOnly: true
        firstName:
          type: string
        lastName:
          type: string

mssql 接続オブジェクトを作成する

mssql パッケージでは、認証の種類の構成設定を提供して Azure SQL Database への接続を実装します。

パスワード (推奨)
SQL 認証

Visual Studio Code で、config.js ファイルを作成し、次の mssql 構成コードを追加して、Azure SQL Database に対する認証を行います。

import * as dotenv from 'dotenv';
dotenv.config({ path: `.env.${process.env.NODE_ENV}`, debug: true });

const server = process.env.AZURE_SQL_SERVER;
const database = process.env.AZURE_SQL_DATABASE;
const port = parseInt(process.env.AZURE_SQL_PORT);
const type = process.env.AZURE_SQL_AUTHENTICATIONTYPE;

export const config = {
    server,
    port,
    database,
    authentication: {
        type
    },
    options: {
        encrypt: true
    }
};

ローカル環境変数の .env.development ファイルを作成し、次のテキストを追加し、<YOURSERVERNAME> と <YOURDATABASENAME> を実際の値で更新します。
```
AZURE_SQL_SERVER=<YOURSERVERNAME>.database.windows.net
AZURE_SQL_DATABASE=<YOURDATABASENAME>
AZURE_SQL_PORT=1433
AZURE_SQL_AUTHENTICATIONTYPE=azure-active-directory-default
```

注意

パスワードレス構成オブジェクトには、ユーザー名、パスワード、またはアクセスキーが含まれていないため、このオブジェクトを使用すると、ソース管理に安全にコミットできます。

Visual Studio Code で、config.js ファイルを作成し、次の mssql 構成コードを追加して、Azure SQL Database に対する認証を行います。

import * as dotenv from 'dotenv';
dotenv.config({ path: `.env.${process.env.NODE_ENV}`, debug: true });

const server = process.env.AZURE_SQL_SERVER;
const database = process.env.AZURE_SQL_DATABASE;
const port = parseInt(process.env.AZURE_SQL_PORT);
const user = process.env.AZURE_SQL_USER;
const password = process.env.AZURE_SQL_PASSWORD;

export const config = {
    server,
    port,
    database,
    user,
    password,
    options: {
        encrypt: true
    }
};

ローカル環境変数の .env.development ファイルを作成し、次のテキストを追加し、<YOURSERVERNAME>、<YOURDATABASENAME>、<YOURUSERNAME>、<YOURPASSWORD> を実際の値で更新します。
```
AZURE_SQL_SERVER=<YOURSERVERNAME>.database.windows.net
AZURE_SQL_DATABASE=<YOURDATABASENAME>
AZURE_SQL_PORT=1433
AZURE_SQL_USER=<YOURUSERNAME>
AZURE_SQL_PASSWORD=<YOURPASSWORD>
```

警告

ユーザー名、パスワード、またはアクセスキーが含まれている接続オブジェクトを管理する場合は注意してください。これらのシークレットは、ソース管理にコミットしたり、意図しないユーザーがアクセスする可能性がある安全でない場所に配置したりしないでください。

.vscode フォルダーを作成し、そのフォルダー内に settings.json ファイルを作成します。
zip のデプロイ中に環境変数と依存関係を無視するには、次を追加します。
```
{
    "appService.zipIgnorePattern": ["./.env*","node_modules{,/**}"]
}
```

Azure SQL Database に接続するコードを追加する

database.js ファイルを作成し、次のコードを追加します。

import sql from 'mssql';

export default class Database {
  config = {};
  poolconnection = null;
  connected = false;

  constructor(config) {
    this.config = config;
    console.log(`Database: config: ${JSON.stringify(config)}`);
  }

  async connect() {
    try {
      console.log(`Database connecting...${this.connected}`);
      if (this.connected === false) {
        this.poolconnection = await sql.connect(this.config);
        this.connected = true;
        console.log('Database connection successful');
      } else {
        console.log('Database already connected');
      }
    } catch (error) {
      console.error(`Error connecting to database: ${JSON.stringify(error)}`);
    }
  }

  async disconnect() {
    try {
      this.poolconnection.close();
      console.log('Database connection closed');
    } catch (error) {
      console.error(`Error closing database connection: ${error}`);
    }
  }

  async executeQuery(query) {
    await this.connect();
    const request = this.poolconnection.request();
    const result = await request.query(query);

    return result.rowsAffected[0];
  }

  async create(data) {
    await this.connect();
    const request = this.poolconnection.request();

    request.input('firstName', sql.NVarChar(255), data.firstName);
    request.input('lastName', sql.NVarChar(255), data.lastName);

    const result = await request.query(
      `INSERT INTO Person (firstName, lastName) VALUES (@firstName, @lastName)`
    );

    return result.rowsAffected[0];
  }

  async readAll() {
    await this.connect();
    const request = this.poolconnection.request();
    const result = await request.query(`SELECT * FROM Person`);

    return result.recordsets[0];
  }

  async read(id) {
    await this.connect();

    const request = this.poolconnection.request();
    const result = await request
      .input('id', sql.Int, +id)
      .query(`SELECT * FROM Person WHERE id = @id`);

    return result.recordset[0];
  }

  async update(id, data) {
    await this.connect();

    const request = this.poolconnection.request();

    request.input('id', sql.Int, +id);
    request.input('firstName', sql.NVarChar(255), data.firstName);
    request.input('lastName', sql.NVarChar(255), data.lastName);

    const result = await request.query(
      `UPDATE Person SET firstName=@firstName, lastName=@lastName WHERE id = @id`
    );

    return result.rowsAffected[0];
  }

  async delete(id) {
    await this.connect();

    const idAsNumber = Number(id);

    const request = this.poolconnection.request();
    const result = await request
      .input('id', sql.Int, idAsNumber)
      .query(`DELETE FROM Person WHERE id = @id`);

    return result.rowsAffected[0];
  }
}

アプリをローカルでテストする

アプリをローカルでテストする準備ができました。データベースの管理者として設定したものと同じアカウントを使用して、Visual Studio Code で Azure Cloud にサインインしていることを確認します。

次のコマンドでアプリケーションを実行します。このアプリケーションは、ポート 3000 で起動されます。
```
NODE_ENV=development node index.js
```
このアプリケーションを実行すると、データベース内に Person テーブルが作成されます。
ブラウザーで、OpenAPI エクスプローラー (http://localhost:3000) に移動します。
Swagger UI ページで、POST メソッドを展開し、[テスト] を選択します。
プロパティの値を含むようにサンプル JSON を変更します。 ID プロパティは無視されます。
[実行] を選択して、新しいレコードをデータベースに追加します。 API は正常な応答を返します。
Swagger UI ページで GET メソッドを展開し、[テスト] を選択します。 [実行] を選択すると、先ほど作成した人物が返されます。

Azure App Service にデプロイする

アプリを Azure にデプロイする準備ができました。 Visual Studio Code では、Azure App Service を作成し、単一のワークフローにアプリケーションをデプロイできます。

アプリが停止されていることを確認します。
まだ Azure にサインインしていない場合は、コマンドパレット (Ctrl + Shift + P キー) で [Azure: Azure Cloud にサインインする] コマンドを選択してサインインします
Visual Studio Code の Azure Explorer ウィンドウで [App Services] ノードを右クリックし、[新しい Web アプリを作成する (詳細)] を選択します。

次の表を使用して App Service を作成します。

Prompt	値
新しい Web アプリのグローバルに一意の名前を入力します。	`azure-sql-passwordless` などのプロンプトを入力します。末尾に `123` などの一意の文字列を追加します。
新しいリソース用のリソースグループを選択してください	[+ 新しいリソースグループの作成] を選択し、既定の名前を選択します。
ランタイムスタックを選択してください	Node.js スタックの LTS バージョンを選択します。
OS を選択します。	[Linux] を選択します。
新しいリソースの場所の選択。	近くの [場所] を選択します。
Linux App Service プランを選択します。	[新しい App Service プランの作成] を選択し、既定の名前を選択します。
価格レベルを選択します。	[無料 (F1)] を選択します。
アプリの Application Insights のリソースを選択してください	[後で確認する] を選択します。

アプリが作成されたことを示す通知が表示されるのを待って、続行します。
Azure Explorer で、[App Services] ノードを展開し、新しいアプリを右クリックします。
[Web アプリにデプロイ] を選択します。
JavaScript プロジェクトのルートフォルダーを選択します。
Visual Studio Code ポップアップが表示されたら、[デプロイ] を選択します。

デプロイが完了すると、アプリは Azure 上で正しく動作しなくなります。データを取得するために、App Service と SQL データベースの間にセキュリティで保護された接続を構成する必要があります。

App Service インスタンスを Azure SQL Database に接続するには、次の手順が必要です。

App Service 用のマネージド ID を作成します。
SQL データベースユーザーを作成し、App Service のマネージド ID に関連付けます。
読み取り、書き込み、場合によってはその他のアクセス許可を付与する SQL ロールをデータベースユーザーに割り当てます。

これらの手順を実施するために使用できるツールは複数あります。

Service Connector (推奨)
Azure Portal

Service Connector は、Azure のさまざまなサービス間の認証された接続を合理化するツールです。現在、Service Connector では、az webapp connection create sql コマンドを使用して Azure CLI 経由で App Service を Azure SQL データベースに接続する方法がサポートされています。この 1 つのコマンドによって、上記の 3 つの手順が完了します。

Service Connector を使用してマネージド ID を作成する

Azure portal の Cloud Shell で次のコマンドを実行します。 Cloud Shell には、最新バージョンの Azure CLI が含まれています。 <> の変数を実際の値に置き換えます。

az webapp connection create sql \
    -g <app-service-resource-group> \
    -n <app-service-name> \
    --tg <database-server-resource-group> \
    --server <database-server-name> \
    --database <database-name> \
    --system-identity

App Service アプリの設定を確認する

Service Connector によって行われた変更は、App Service の設定で確認できます。

Visual Studio Code の Azure Explorer で、[App Service] を右クリックし、[ポータルで開く] を選択します。
App Service の [ID] ページに移動します。 [システム割り当て済み] タブで、[状態] が [オン] に設定されているはずです。この値は、システム割り当てマネージド ID がアプリに対して有効になっていたことを意味します。
App Service リソースの [構成] ページに移動します。 [アプリケーション設定] タブの下に、mssql 構成オブジェクトに既に含まれているいくつかの環境変数が表示されます。
- AZURE_SQL_SERVER
- AZURE_SQL_DATABASE
- AZURE_SQL_PORT
- AZURE_SQL_AUTHENTICATIONTYPE
プロパティの名前や値を削除したり、変更したりしないでください。

Azure portal を使って、マネージド ID を操作し、Azure SQL Database に対してクエリを実行することができます。次の手順を実行して、App Service インスタンスから Azure SQL Database へのパスワードレス接続を作成します。

マネージド ID を作成する

Azure portal で、App Service に移動し、左側のナビゲーションで [ID] を選択します。
[ID] ページで、[システム割り当て済み] 状態を [オン] に変更し、[保存] を選択します。
ID を有効にするように求められたら、[はい] を選択します。

この設定を有効にすると、システム割り当てマネージド ID が App Service と同じ名前で作成されます。システム割り当て ID はサービスインスタンスに関連付けられ、アプリが削除されると共に破棄されます。

データベースユーザーを作成してロールを割り当てる

Azure portal で、SQL データベースに移動し、[クエリエディター (プレビュー)] を選択します。
画面の右側にある [<your-username> として続行] を選択し、自分のアカウントを使ってデータベースにサインインします。
クエリエディタービューで、次の T-SQL コマンドを実行します。 <your-app-service-name> を App Service リソースの実際の名前に置き換えます。
```
CREATE USER "<your-app-service-name>" FROM EXTERNAL PROVIDER;
ALTER ROLE db_datareader ADD MEMBER "<your-app-service-name>";
ALTER ROLE db_datawriter ADD MEMBER "<your-app-service-name>";
ALTER ROLE db_ddladmin ADD MEMBER "<your-app-service-name>";
GO
```
この SQL スクリプトは、元の App Service インスタンスのマネージド ID にマップする SQL データベースユーザーを作成します。また、アプリでデータベースのデータとスキーマの読み取り、書き込み、変更を実行できるように、必要な SQL ロールをユーザーに割り当てます。この手順が完了すると、サービスが接続されます。

重要

このソリューションでは簡単な方法で開始できますが、これは運用レベル環境のベストプラクティスではありません。それらのシナリオでは、アプリで 1 つの昇格された ID を使用して、すべての操作を実行すべきではありません。特定のタスクのための特定のアクセス許可を持つ複数の ID を構成することで、最小限の特権の原則を実装できるようにする必要があります。

データベースロールとセキュリティの構成について詳しくは、次のリソースを参照してください。

App Service アプリの設定を作成する

Azure portal で、App Service に移動し、左側のナビゲーションで [構成] を選択します。
次の環境変数ごとに [+ 新しいアプリケーション設定] を選択します。実際の適切な値を追加して、App Service インスタンスがデータベースに接続するために必要な環境変数を作成します。
```
AZURE_SQL_SERVER=<YOURSERVERNAME>.database.windows.net
AZURE_SQL_DATABASE=<YOURDATABASENAME>
AZURE_SQL_PORT=1433
AZURE_SQL_AUTHENTICATIONTYPE=azure-active-directory-default
```
設定の追加が完了したら、[保存] を選択します。

Visual Studio Code の Azure Explorer で、[App Service] を右クリックし、[ポータルで開く] を選択します。

App Service リソースの [構成] ページに移動します。 [アプリケーション設定] タブで、次の表にある各プロパティの環境変数を実際の値で作成します。

AZURE_SQL_SERVER=<YOURSERVERNAME>.database.windows.net
AZURE_SQL_DATABASE=<YOURDATABASENAME>
AZURE_SQL_PORT=1433
AZURE_SQL_USER=<YOURUSERNAME>
AZURE_SQL_PASSWORD=<YOURPASSWORD>
NODE_ENV=development

警告

ユーザー名、パスワード、またはアクセスキーが含まれている接続オブジェクトを管理する場合は注意してください。これらのシークレットは、ソース管理にコミットしたり、意図しないユーザーがアクセスする可能性がある安全でない場所に配置したりしないでください。運用レベルの Azure 環境で実際に使用するアプリケーションでは、App Service 構成設定や Azure Key Vault などの安全な場所に接続文字列を格納できます。ローカル開発では、通常、シークレットの格納や Azure への直接接続を必要としないローカルデータベースに接続します。

デプロイされたアプリケーションをテストする

アプリの URL を参照して、Azure SQL Database への接続が動作していることをテストします。アプリの URL は、App Service の概要ページで確認できます。

ローカルで作成した人物がブラウザーに表示されるはずです。おめでとうございます。これで、ローカル環境とホスト環境の両方で、アプリケーションを Azure SQL Database に接続することができました。

ヒント

テスト中に 500 内部サーバーエラーが発生した場合は、データベースネットワーク構成が原因である可能性があります。論理サーバーが、「データベースを構成する」セクションで概説されている設定で構成されていることを確認します。

リソースのクリーンアップ

Azure SQL Database の操作が完了したら、意図しないコストを回避するためにリソースを削除します。

Azure Portal
Azure CLI

Azure portal の検索バーで「Azure SQL」を検索し、一致する結果を選択します。
データベースの一覧でデータベースを見つけて選択します。
Azure SQL Database の [概要] ページで、[削除] を選択します。
開かれる [削除しますか...] ページで、データベースの名前を入力して確認し、[削除] を選択します。

az sql db delete コマンドを使ってデータベースを削除します。プレースホルダーのパラメーターは、実際の値に置き換えます。

az sql db delete --name <database-name> --resource-group <resource-group-name> --server <logical-server-name>

サンプルコード

このアプリケーションのサンプルコードは、GitHub で入手できます。

Share via

Node.js と mssql npm パッケージを使用して Azure SQL Database に接続し、クエリを実行する

開発者向けのパスワードレス接続

前提条件

データベースサーバーを構成する

プロジェクトを作成する

Express.js アプリケーションコードを作成する

mssql 接続オブジェクトを作成する

Azure SQL Database に接続するコードを追加する

アプリをローカルでテストする

Azure App Service にデプロイする

App Service を Azure SQL Database に接続する

Service Connector を使用してマネージド ID を作成する

App Service アプリの設定を確認する

マネージド ID を作成する

データベースユーザーを作成してロールを割り当てる

App Service アプリの設定を作成する

デプロイされたアプリケーションをテストする

リソースのクリーンアップ

サンプルコード

次の手順

フィードバック

フィードバック

その他のリソース

Share via

Node.js と mssql npm パッケージを使用して Azure SQL Database に接続し、クエリを実行する

開発者向けのパスワードレス接続

前提条件

データベース サーバーを構成する

プロジェクトを作成する

Express.js アプリケーション コードを作成する

mssql 接続オブジェクトを作成する

Azure SQL Database に接続するコードを追加する

アプリをローカルでテストする

Azure App Service にデプロイする

App Service を Azure SQL Database に接続する

Service Connector を使用してマネージド ID を作成する

App Service アプリの設定を確認する

デプロイされたアプリケーションをテストする

リソースのクリーンアップ

サンプル コード

次の手順

フィードバック

フィードバック

その他のリソース

データベースサーバーを構成する

Express.js アプリケーションコードを作成する

サンプルコード