開発環境を準備する

  • [アーティクル]

適用先:Windows Admin Center、Windows Admin Center Preview

Windows Admin Center SDK を使用して拡張機能の開発を始めましょう。 このドキュメントでは、Windows Admin Center の拡張機能をビルドしてテストするための環境を立ち上げるプロセスについて説明します。

注意

Windows Admin Center SDK を初めて使用する場合 Windows Admin Center の拡張機能の詳細

開発環境を準備するには、次の手順を実行します。

必須コンポーネントのインストール

SDK で開発を開始するには、次の前提条件をダウンロードしてインストールします。

注意

開発者モードで Windows Admin Center をインストールして実行し、次の手順に従う必要があります。 開発者モードでは、Windows Admin Center で署名されていない拡張機能パッケージを読み込むことができます。 Windows Admin Center を Windows 10 コンピューターにインストールできるのは開発者モードの場合だけです。

開発者モードを有効にするには、パラメーター DEV_MODE=1 を指定して、コマンド ラインから Windows Admin Center をインストールします。 次の例では、<version> を、インストールしているバージョンに置き換えます。(WindowsAdminCenter1809.msi など)。

msiexec /i WindowsAdminCenter<version>.msi DEV_MODE=1

開発モードを有効にせずに Windows Admin Center を既にインストールしている場合は、レジストリ エディターを使用して開発モード プロパティの値を編集できます。 Windows Admin Center のプロパティは、次のパスにあります:

Computer\HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\ServerManagementGateway

グローバル依存関係をインストールする

次に、Node Package Manager を使用して、プロジェクトに必要な依存関係をインストールまたは更新します。 これらの依存関係は、グローバルにインストールされ、すべてのプロジェクトで使用可能になります。

npm install -g @angular/cli@11.2.14

npm install -g gulp
npm install -g typescript
npm install -g tslint
npm install -g @microsoft/windows-admin-center-sdk@latest

注意

@angular/cli の新しいバージョンをインストールすることもできますが、11.2.14 より新しいバージョンをインストールすると、gulp ビルド手順中に、ローカル cli のバージョンがインストールされているバージョンと一致しないという警告が表示されます。

次の手順

環境が準備できたので、コンテンツの作成を始めることができます。

SDK 設計ツールキット

Windows Admin Center の SDK 設計ツールキットを確認しましょう。 このツールキットは、Windows Admin Center のスタイル、コントロール、ページ テンプレートを使用して、PowerPoint で拡張機能を迅速にモデル化できるように設計されています。 コーディングを開始する前に、Windows Admin Center で拡張機能の外観を確認しましょう。