Библиотеки и средства разработки платформы SharePoint Framework

  • Статья

Платформа SharePoint Framework включает несколько клиентских библиотек JavaScript, которые можно использовать для создания решений. В этой статье рассмотрены инструменты и библиотеки, которые можно использовать для разработки клиентских веб-частей.

TypeScript

TypeScript — это типизированное надмножество JavaScript, которое компилируется в обычный JavaScript. Клиентские средства разработки SharePoint создаются с помощью классов, модулей и интерфейсов TypeScript. Их можно использовать для создания надежных клиентских веб-частей.

Чтобы начать работу с TypeScript, ознакомьтесь со следующими ресурсами:

Платформы JavaScript

Для разработки клиентских веб-частей можно выбрать любую из нескольких платформ JavaScript. Вот самые популярные из них:

Так как клиентские веб-части — это компоненты, которые перетаскиваются на страницу SharePoint, рекомендуем выбрать платформу JavaScript, поддерживающую модель подобных компонентов. Все упрощенные платформы, такие как React, Handlebars и Angular 2, поддерживают модель компонентов и прекрасно подходят для создания клиентских веб-частей.

Рекомендуем также ознакомиться с основной библиотекой JavaScript PnP для SharePoint, которая создана сообществом для простого доступа к REST API для SharePoint.

Диспетчер пакетов npm

Средства клиентской разработки для SharePoint позволяют использовать диспетчер пакетов npm, который похож на NuGet, для управления зависимостями и другими необходимыми вспомогательными элементами JavaScript. Этот диспетчер обычно устанавливается вместе с Node.js.

Дополнительные сведения о npm см. в соответствующей документации.

Node.js

Node.js — это кроссплатформенная среда выполнения с открытым кодом для размещения кода JavaScript и работы с ним. Вы можете использовать Node.js для разработки серверных веб-приложений на JavaScript. Экосистема Node.js, npm и средств запуска задач, таких как gulp, — это эффективная среда для создания приложений на JavaScript. Платформа Node.js подобна IIS Express или IIS, но включает также средства, которые упрощают клиентскую разработку.

Дополнительные сведения о Node.js:

Средство запуска задач Gulp

Средства клиентской разработки для SharePoint позволяют использовать Gulp в качестве средства запуска таких задач по сборке, как:

  • добавление в пакет и минификация файлов JavaScript и CSS;
  • запуск инструментов для вызова задач по добавлению в пакет и минификации перед каждой сборкой;
  • компиляция файлов LESS или SASS в CSS;
  • компиляция файлов TypeScript в JavaScript.

Дополнительные сведения о Gulp:

Webpack

Webpack — это средство, которое создает один или несколько пакетов JavaScript из файлов веб-частей и зависимостей, что позволяет загружать различные пакеты для разных сценариев.

Webpack используется для объединения в цепочке средства разработки. Это позволяет определить модули и место их использования. Цепочка инструментов использует SystemJS, универсальный загрузчик модулей. Это позволяет определить области для веб-частей, так как обеспечивает выполнение каждой веб-части в отдельном пространстве имен.

Дополнительные сведения о Webpack:

Генераторы Yeoman

Yeoman помогает начинать новые проекты, предоставляя рекомендации и инструменты для продуктивной работы. Генератор Yeoman для SharePoint входит в состав платформы и позволяет создавать новые клиентские веб-части.

Дополнительные сведения о Yeoman см. в следующих статьях:

Вы можете воспользоваться одним из следующих генераторов Yeoman, в зависимости от выбранной платформы:

Редакторы исходного кода

SharePoint Framework — клиентская платформа, поэтому вы можете выбрать удобный для себя редактор кода HTML или JavaScript, например:

В примерах, приведенных в документации по SharePoint Framework, используется Visual Studio Code. Visual Studio Code — мощный редактор исходного кода от корпорации Майкрософт, который занимает мало места на диске и работает на компьютерах с Windows, Mac OS и Linux. Он изначально поддерживает JavaScript, TypeScript и Node.js, а также предусматривает использование богатой экосистемы расширений для других языков (например, C++, C#, Python, PHP) и сред выполнения.

REST API SharePoint

Платформа SharePoint Framework обеспечивает ключевые возможности интеграции с SharePoint и предназначена для веб-разработки. Интерфейсы REST API SharePoint позволяют взаимодействовать с SharePoint и другими рабочими нагрузками, которые формируют функциональные возможности веб-части.

Рекомендуем ознакомиться со следующими интерфейсами REST API:

PnP (Patterns and Practices)

Благодаря проекту Office Dev Patterns and Practices / SharePoint Patterns and Practices (PnP) доступны примеры кодов, шаблоны и другие ресурсы, которые помогут преобразовать существующее решение в решение на базе SharePoint Framework. Обязательно ознакомьтесь с этими примерами кодов и рекомендациями.

См. также