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

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

注意

エンティティとテーブルの違いがわかりませんか? Microsoft Dataverse で「開発者: 用語を理解する」を参照してください。

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

まず、Microsoft Power Platform CLI のインストール後、VS 2017 以降の開発者コマンドプロンプト を開きます。

  1. 開発者コマンド プロンプトで、ローカルマシンに新規フォルダを作成します。たとえば、mkdir <Specify the folder name>コマンドを使用して、C:\Users\your name \ Documents \ My_code_Component を作成します。

  2. コマンド cd <specify your new folder path> を使用して、新しく作成したフォルダに移動します。

  3. このコマンドを実行して、基本パラメータを渡して新たなコンポーネントプロジェクトを作成します。

    pac pcf init --namespace <specify your namespace here> --name <Name of the code component> --template <component type>
    
  4. また、上記のコマンドは、必要なプロジェクトの依存関係をすべて取得するために npm install コマンドを実行します。

  5. 任意の開発者環境でプロジェクト フォルダ ( C:\Users\<your name>\Documents\<My_code_Component> ) を開き、コード コンポーネントの開発を始めます。 最も手軽に開始するには、 C:\Users\<your name>\Documents\<My_code_Component> に移動してコマンド プロンプトで code . を実行する方法があります。 このコマンドは、 Visual Studio Code にあるコンポーネントプロジェクトを開きます。

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

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

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

また、開発目的の場合は「Developer Command Prompt for VS 2017」ウィンドウの npm run build コマンドを使用してコンポーネントを迅速に構築し、リリースバージョンを構築する場合は npm run build -- --buildMode production を使用することもできます。

ヒント

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

TypeScript でコンポーネントロジックの実装が完了したら、すべてのコードコンポーネント要素を ソリューション ファイル に バンドル して、ソリューションを Microsoft Dataverse に インポートできるようにする必要があります。 詳細: コード コンポーネントをパッケージする

関連項目

コード コンポーネントのデバッグ
コード コンポーネントをパッケージ化する
コード コンポーネントを列やテーブルに追加する
既存のコード コンポーネントを更新する
Power Apps Component Framework API の参照
Power Apps Component Framework の概要

注意

ドキュメントの言語設定についてお聞かせください。 簡単な調査を行います。 (この調査は英語です)

この調査には約 7 分かかります。 個人データは収集されません (プライバシー ステートメント)。