次の方法で共有

コードコンポーネントを作成、構築する

この記事では、Microsoft Power Platform CLI を使用してコード コンポーネントを作成してデプロイする方法について説明します。

前提条件

次のコンポーネントをインストールします。

  1. Visual Studio Code (VSCode) (必ず [パスに追加 オプションを選択してください)
  2. node.js (LTS バージョンを使用)
  3. Microsoft Power Platform CLI (Visual Studio Code拡張機能を使用)

新しいコンポーネントの作成

Visual Studio Codeを開き、Terminal>New ターミナル を選択して、新しいターミナル ウィンドウを開きます。

  1. ターミナル ウィンドウで、コマンド を使用して、ローカル コンピューター上に新しいフォルダー ( など) を作成します。

  2. コマンド を使用して、新しく作成したフォルダーに移動します。

  3. pac pcf init コマンドを使用して、いくつかの基本的なパラメーターを渡して、新しいコンポーネント プロジェクトを作成します。

    pac pcf init --namespace <specify your namespace here> --name <Name of the code component> --template <component type> --run-npm-install

  4. 上記のコマンドでは、 コマンドも実行して、必要なすべてのプロジェクト依存関係を取得します。

  5. 任意の開発者環境でプロジェクト フォルダ ( ) を開き、コード コンポーネントの開発を始めます。 コマンドプロンプトで、ディレクトリに移動してから実行するのが最も手軽に開始する方法です。 このコマンドを実行すると、コンポーネント プロジェクトがVisual Studio Codeで開きます。

  6. マニフェスト、コンポーネント ロジック、スタイル設定などのコンポーネントに必要なアーティファクトを実装し、コンポーネント プロジェクトを構築します。 詳細については、「最初の コード コンポーネントを作成する」を参照してください。

コンポーネントを構築する

コンポーネント プロジェクトをビルドするには、Visual Studio Codeで package.json を含むプロジェクト フォルダーを開きます。 (Ctrl -Shift-B) コマンドを使用し、ビルド オプションを選択します。

または、開発目的で Visual Studio Code ターミナル ウィンドウで npm run build コマンドを使用して、コンポーネントをすばやくビルドすることもできます。 リリース バージョンをビルドする場合は、 を使用します。

チップ

構築中、または構築完了後にコンポーネントのデバッグを行うには、 コード コンポーネントのデバッグ を参照してください。

TypeScript でコンポーネント ロジックの実装が完了したら、すべてのコード コンポーネント要素をソリューション ファイルにバンドルします。 このソリューション ファイルを使用すると、ソリューションをMicrosoft Dataverseにインポートできます。 詳細については、「 コード コンポーネントのパッケージ化」を参照してください。

関連項目

コード コンポーネントのデバッグ
コード コンポーネントをパッケージ化する
コード コンポーネントを列やテーブルに追加する
Power Apps コンポーネント フレームワーク API リファレンス
Power Apps コンポーネント フレームワークの概要

  • Last updated on