Azure Blob Storage と JavaScript または TypeScript の概要
- [アーティクル]
-
-
この記事では、JavaScript 用 Azure Blob Storage クライアント ライブラリを使って、Azure Blob Storage に接続する方法について説明します。 接続したら、開発者ガイドを使用して、Blob Storage サービスのコンテナー、BLOB、および機能に対してコードを操作する方法について学習します。
完全な例から始める場合は、JavaScript または TypeScript のクライアント ライブラリのクイック スタートを参照してください。
API リファレンス | パッケージ (npm) | ライブラリのソース コード | サンプル | フィードバックを送信する
このセクションでは、JavaScript 用 Azure Blob Storage クライアント ライブラリを操作するためのプロジェクトの準備について説明します。
コマンド プロンプトを開いて、プロジェクト フォルダーに移動します。 <project-directory>
をご使用のフォルダー名に変更してください。
cd <project-directory>
ディレクトリに package.json
ファイルがまだない場合は、プロジェクトを初期化してファイルを作成します。
npm init -y
プロジェクト ディレクトリから、npm install
または yarn add
コマンドを使用して、Azure Blob Storage と Azure ID クライアント ライブラリのパッケージをインストールします。 Azure サービスのパスワードレスの接続には、@azure/identity パッケージが必要です。
npm install @azure/storage-blob @azure/identity
npm install typescript @azure/storage-blob @azure/identity
Blob Storage へのアクセスを承認して接続する
アプリを BLOB Storage に接続するには、BlobServiceClient クラスのインスタンスを作成します。 このオブジェクトは、ストレージ アカウント レベルでデータ リソースを操作するための開始点となります。 それを使って、ストレージ アカウントとそのコンテナーを操作できます。 また、操作する必要があるリソースに応じて、サービス クライアントを使用してコンテナー クライアントまたは BLOB クライアントを作成することもできます。
ベスト プラクティスを含むクライアント オブジェクトの作成と管理の詳細については、「データ リソースを操作するクライアント オブジェクトの作成および管理」を参照してください。
Microsoft Entra 認可トークン、アカウント アクセス キー、または Shared Access Signature (SAS) を使用して、BlobServiceClient
オブジェクトを認可できます。 最適なセキュリティのため、Microsoft では、可能な限り、Microsoft Entra ID とマネージド ID を使って、BLOB データに対する要求を認可することをお勧めします。 詳しくは、Microsoft Entra ID を使用した BLOB へのアクセスの認可に関する記事をご覧ください。
Microsoft Entra ID を使用して認可するには、セキュリティ プリンシパルを使用する必要があります。 必要なセキュリティ プリンシパルの種類は、アプリが実行される場所によって異なります。 次の表をガイドとして使用します。
DefaultAzureCredential を使用してアクセスを承認する
Blob Storage へのアクセスを承認して接続する最も簡単で安全な方法は、DefaultAzureCredential インスタンスを作成して OAuth トークンを取得することです。 その後、その資格情報を使用して、BlobServiceClient
オブジェクトを作成できます。
この例では、DefaultAzureCredential
を使用して BlobServiceClient
オブジェクトを作成します。
const accountName = "<account-name>";
const accountURL = `https://${accountName}.blob.core.windows.net`;
const blobServiceClient = new BlobServiceClient(
accountURL,
new DefaultAzureCredential()
);
このコード例は、JavaScript または TypeScript プロジェクトで使用できます。
Shared Access Signature (SAS) トークンを使用するには、区切り記号 ?
を挟んでアカウント URL 文字列にトークンを追加します。 次に、その URL を使用して BlobServiceClient
オブジェクトを作成します。
const accountName = "<account-name>";
const sasToken = "<sas-token>";
const accountURL = `https://${accountName}.blob.core.windows.net?${sasToken}`;
const blobServiceClient = new BlobServiceClient(accountURL);
このコード例は、JavaScript または TypeScript プロジェクトで使用できます。
SAS トークンの生成と管理の詳細については、次の記事を参照してください。
注意
Microsoft では、Shared Access Signature (SAS) を使うシナリオにはユーザー委任 SAS を使うことをお勧めします。 ユーザー委任 SAS は、アカウント キーの代わりに Microsoft Entra 資格情報で保護されます。
ストレージ アカウント共有キーを使用するには、そのキーを文字列として指定して BlobServiceClient
オブジェクトを初期化します。
const credential = new StorageSharedKeyCredential(accountName, accountKey);
const blobServiceClient = new BlobServiceClient(
`https://${accountName}.blob.core.windows.net`,
credential
);
このコード例は、JavaScript または TypeScript プロジェクトで使用できます。
接続文字列を使用して BlobServiceClient
オブジェクトを作成することもできます。
const blobServiceClient = BlobServiceClient.fromConnectionString(connectionString);
アカウント キーの取得方法と、キーを適切に管理して保護するためのベスト プラクティス ガイドラインについては、「ストレージ アカウント アクセス キーを管理する」をご覧ください。
重要
アカウント アクセス キーは慎重に使用する必要があります。 アカウント アクセス キーを紛失した場合、または誤ってセキュリティで保護されていない場所に置いた場合には、サービスが脆弱になる可能性があります。 アクセス キーを持つすべてのユーザーは、ストレージ アカウントに対する要求を承認でき、実質的にすべてのデータにアクセスできます。 DefaultAzureCredential
はセキュリティ機能と利点が強化されており、Azure サービスに対する認可を管理するために推奨されるアプローチです。
Azure Blob Storage のデータ リソースを操作するアプリを構築する際、コードでは主に、ストレージ アカウント、コンテナー、BLOB という 3 つのリソースの種類と対話します。 これらのリソースの種類、リソースの相互関係、およびアプリがリソースと対話する方法について詳しくは、「アプリが Blob Storage データ リソースと対話する方法を理解する」を参照してください。
以下のガイドでは、JavaScript 用の Azure Storage クライアント ライブラリを使用してデータにアクセスし、特定のアクションを実行する方法について説明します。