Bibliothèques et outils de développement SharePoint Framework

  • Article

SharePoint Framework inclut plusieurs bibliothèques JavaScript côté client que vous pouvez utiliser pour générer vos solutions. Cet article fournit une vue d’ensemble des outils et des bibliothèques que vous pouvez utiliser pour développer des composants WebPart côté client.

TypeScript

TypeScript est un sur-ensemble typé de code JavaScript compilé en code JavaScript simple. Les outils de développement côté client SharePoint sont générés à l’aide de classes, de modules et d’interfaces TypeScript. Vous pouvez utiliser ces ressources pour créer des composants WebPart côté client robustes.

Pour commencer à utiliser TypeScript, consultez les ressources suivantes :

Infrastructures JavaScript

Vous pouvez choisir l’une des différentes infrastructures JavaScript pour développer des composants WebPart côté client. Voici les plus populaires :

Les composants WebPart côté client étant des composants placés dans une page SharePoint, nous vous recommandons de choisir une infrastructure JavaScript qui prend en charge un modèle de composants similaire. Les infrastructures légères telles que React, Handlebars et Angular 2, prennent toutes en charge un modèle de composant et sont bien adaptées aux composants WebPart côté client.

Nous vous recommandons également de jeter un œil à la bibliothèque Javascript principale de SharePoint PnP, qui est une initiative communautaire visant à faciliter l’accès aux API REST SharePoint.

Node Package Manager (npm)

Les outils de développement SharePoint côté client utilisent le gestionnaire de packages npm, qui ressemble à NuGet, pour gérer les dépendances et autres ressources d’aide JavaScript requises. npm est généralement inclus dans le programme de configuration de Node.js.

Pour plus d’informations sur npm, consultez la documentation npm.

Node.js

Node.js est un environnement d’exécution open source multiplateforme pour l’hébergement et l’utilisation du code JavaScript. Vous pouvez utiliser Node.js pour développer des applications web côté serveur écrites en JavaScript. L’écosystème Node.js est étroitement lié à npm et aux programmes d’exécution de tâches tels que Gulp, afin de fournir un environnement efficace pour créer des applications JavaScript. Node.js ressemble à IIS Express ou IIS, mais inclut des outils pour simplifier le développement côté client.

Pour plus d’informations sur Node.js, consultez les rubriques suivantes :

Exécuteur de tâches Gulp

Les outils de développement de côté client SharePoint utilisent Gulp en tant que programme d’exécution des tâches pour le processus de génération :

  • Regrouper et réduire les fichiers JavaScript et CSS.
  • Exécuter des outils pour appeler les tâches de regroupement et de réduction avant chaque génération.
  • Compiler les fichiers LESS ou Sass dans un fichier CSS.
  • Compiler les fichiers TypeScript dans un fichier JavaScript.

Pour plus d’informations sur Gulp, consultez les rubriques suivantes :

Webpack

Webpack est un programme de regroupement de modules qui prend vos fichiers de composants WebPart et leurs dépendances, et génère un ou plusieurs fichiers groupés JavaScript pour vous permettre de charger des fichiers différents selon les scénarios.

La chaîne d’outils de développement utilise Webpack pour le regroupement. Cela vous permet de définir les modules et l’endroit où vous souhaitez les utiliser. La chaîne d’outils utilise également SystemJS, un chargeur de modules universel, pour charger vos modules. Cela vous aide à définir l’étendue d’application de votre composant WebPart en faisant en sorte que chaque composant WebPart soit exécuté dans son propre espace de noms.

Pour plus d’informations sur webpack, reportez-vous aux rubriques suivantes :

Générateurs Yeoman

Yeoman vous permet de lancer de nouveaux projets, en vous fournissant des pratiques recommandées et des outils pour vous aider à rester productif. Le générateur Yeoman SharePoint est disponible dans l’infrastructure pour vous permettre de lancer des projets de composant WebPart côté client.

Pour plus d’informations sur Yeoman, consultez les rubriques suivantes :

Voici quelques générateurs Yeoman courants que vous pouvez essayer, selon l’infrastructure que vous avez choisie :

Éditeurs de code source

SharePoint Framework est une infrastructure côté client, de sorte que vous pouvez utiliser l’éditeur de code HTML/JavaScript de votre choix, par exemple :

La documentation SharePoint Framework utilise Visual Studio Code dans les documents et les exemples. Visual Studio Code est un éditeur de code source simple mais puissant de Microsoft, qui s’exécute sur votre ordinateur de bureau et est disponible pour Windows, Mac et Linux. Il est fourni avec une prise en charge intégrée de JavaScript, TypeScript et Node.js, et dispose d’un riche écosystème d’extensions pour d’autres langages (par exemple, C++, C#, Python, PHP) et runtimes.

API REST SharePoint

SharePoint Framework offre des possibilités d’intégration clés avec les expériences SharePoint et cible le développement web. Les API REST SharePoint vous permettent d’interagir avec SharePoint et d’autres charges de travail qui façonnent les fonctionnalités de votre composant WebPart.

Nous vous recommandons de vous familiariser avec l’ensemble des API REST suivantes :

Modèles et pratiques

L’initiative Modèles et pratiques de développement (PnP) Office/SharePoint fournit des exemples de code, des modèles et d’autres ressources pour vous aider à transformer votre solution existante afin de l’intégrer à SharePoint Framework. Familiarisez-vous avec les exemples de code et les recommandations mis à votre disposition dans le cadre de cette initiative.

Voir aussi