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

  • [アーティクル]

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

前提条件

次のコンポーネントをインストールする必要があります。

  1. Visual Studio Code (VSCode) ([パスに追加] オプションが選択されていることを確認してください)
  2. node.js (LTS バージョンが推奨されています)
  3. Microsoft Power Platform CLI (Visual Studio Code 拡張機能を使用する)

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

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

  1. ターミナル ウィンドウで、ローカルマシンに新規フォルダを作成します。たとえば、mkdir <Specify the folder name>コマンドを使用して、C:\projects\My_code_Component を作成します。

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

  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. また、上記のコマンドは、必要なプロジェクトの依存関係をすべて取得するために npm install コマンドを実行します。

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

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

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

コンポーネント プロジェクト を構築するには、 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 の概要

注意

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

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