Créer un composant de code

  • Article

Cet article explique comment créer et déployer des composants de code à l’aide de Microsoft Power Platform CLI.

Conditions préalables

Installez les composants suivants :

  1. Visual Studio Code (VSCode) (Assurez-vous que l’option Ajouter à PATH est sélectionnée)
  2. node.js (la version LTS est recommandée)
  3. Microsoft Power Platform CLI (Utilisez l’extension Visual Studio Code)

Création d’un composant

Ouvrez Visual Studio Code, puis ouvrez une nouvelle fenêtre de terminal en sélectionnant Terminal > Nouveau terminal.

  1. Dans la fenêtre du terminal, créez un dossier sur votre ordinateur local, par exemple, C:\projects\My_code_Component en utilisant la commande mkdir <Specify the folder name>.

  2. Accédez au dossier nouvellement créée à l’aide de la commande cd <specify your new folder path>.

  3. Créez un projet de composant en transmettant des paramètres de base via la commande pac pcf init :

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

  4. La commande ci-dessus exécute aussi la commande npm install pour récupérer toutes les dépendances de projet requises.

  5. Ouvrez votre dossier de projet C:\projects\My_code_Component dans n’importe quel environnement de développement de votre choix et commencez à développer votre composant de code. La méthode la plus rapide pour commencer consiste à exécuter code . à partir de votre invite de commandes une fois que vous êtes dans le répertoire C:\projects\My_code_Component. Cette commande ouvre votre projet de composant dans Visual Studio Code.

  6. Mettez en œuvre les artefacts requis pour le composant comme le manifeste, la logique du composant et le style, puis créez le projet de composant. Plus d’information : Créer votre premier composant de code

Générer votre composant

Pour générer votre projet de composant, ouvrez le dossier du projet qui contient package.json dans Visual Studio Code et utilisez la commande (Ctrl-Maj-B), puis sélectionnez les options de création.

Sinon, vous pouvez générer le composant rapidement à l′aide de la commande npm run build dans la fenêtre du terminal Visual Studio Code à des fins de développement ou utiliser npm run build -- --buildMode production pour générer une version de lancement.

Conseil

Pour déboguer le composant pendant ou après l’opération de build, voir Déboguer un composant de code.

Enfin, lorsque vous avez terminé d’implémenter la logique du composant dans TypeScript, vous devez regrouper tous les éléments du composant de code dans un fichier de solution afin de pouvoir importer la solution dans Microsoft Dataverse. Pour plus d’informations, voir : Créer un package de composant de code

Voir aussi

Déboguer des composants de code
Créer un package de composant de code
Ajoutez des composants de code à une colonne ou une table
Référence d’API Power Apps component framework
Vue d’ensemble de Power Apps component framework

Notes

Pouvez-vous nous indiquer vos préférences de langue pour la documentation ? Répondez à un court questionnaire. (veuillez noter que ce questionnaire est en anglais)

Le questionnaire vous prendra environ sept minutes. Aucune donnée personnelle n’est collectée (déclaration de confidentialité).