この記事では、Microsoft Power Platform CLI を使用してコード コンポーネントを作成して展開する方法について説明します。
前提条件
次のコンポーネントをインストールします。
- Visual Studio Code (VSCode) ( 必ず [ パスに追加 ] オプションを選択してください)
- node.js (LTS バージョンを使用)
- Microsoft Power Platform CLI (Visual Studio Code 拡張機能を使用する)
新しいコンポーネントの作成
Visual Studio Code を開き、ターミナル>を選択して新しいターミナル ウィンドウを開きます。
ターミナル ウィンドウで、コマンド を使用して、ローカル コンピューター上に新しいフォルダー (
mkdir <Specify the folder name>など) を作成します。コマンド
cd <specify your new folder path>を使用して、新しく作成したフォルダーに移動します。pac pcf init コマンドを使用して、いくつかの基本的なパラメーターを渡して、新しいコンポーネント プロジェクトを作成します。
pac pcf init --namespace <specify your namespace here> --name <Name of the code component> --template <component type> --run-npm-install上記のコマンドでは、
npm installコマンドも実行して、必要なすべてのプロジェクト依存関係を取得します。任意の開発者環境でプロジェクト フォルダ (
C:\projects\My_code_Component) を開き、コード コンポーネントの開発を始めます。 最も手軽に開始するには、code .に移動してコマンド プロンプトでC:\projects\My_code_Componentを実行する方法があります。 このコマンドは、 Visual Studio Code にあるコンポーネントプロジェクトを開きます。マニフェスト、コンポーネント ロジック、スタイル設定などのコンポーネントに必要なアーティファクトを実装し、コンポーネント プロジェクトを構築します。 詳細については、「最初の コード コンポーネントを作成する」を参照してください。
コンポーネントを構築する
コンポーネント プロジェクトをビルドするには、Visual Studio Code で package.json を含むプロジェクト フォルダーを開きます。 (Ctrl -Shift-B) コマンドを使用し、ビルド オプションを選択します。
または、開発目的で Visual Studio Code ターミナル ウィンドウで npm run build コマンドを使用して、コンポーネントをすばやくビルドすることもできます。 リリース バージョンをビルドする場合は、 npm run build -- --buildMode productionを使用します。
チップ
構築中、または構築完了後にコンポーネントのデバッグを行うには、 コード コンポーネントのデバッグ を参照してください。
TypeScript でコンポーネント ロジックの実装が完了したら、すべてのコード コンポーネント要素をソリューション ファイルにバンドルします。 このソリューション ファイルを使用すると、ソリューションを Microsoft Dataverse にインポートできます。 詳細については、「 コード コンポーネントのパッケージ化」を参照してください。
関連項目
コード コンポーネントのデバッグ
コード コンポーネントをパッケージ化する
コード コンポーネントを列やテーブルに追加する
Power Apps Component Framework API の参照
Power Apps Component Framework の概要