Microsoft ha anunciado hoy que ya está disponible en developer preview el SharePoint Framework Extensions que se anunció hace unas semanas en el Build.

Gracias a SPFx Extensions vamos a poder tener nuevas opciones de personalización de nuestro entorno en “Modern Sites” de SharePoint Online.

De momento podremos crear tres tipos de extensiones solo en nuestros tenants de desarrollo:

ApplicationsCustomizers

Anteriormente conocido como ScriptLink, nos permite añadir scripts en las páginas y HTML en algunas zonas de la misma (placeholders) como en la cabecera y en el pie de página.

En el siguiente ejemplo podemos ver como se ha añadido en la cabecera de la lista una sección personalizada. Lo mismo podríamos hacer para el pie de página.

Ejemplo de ApplicationCustomizers extraído de Microsoft Mechanics

FieldCustomizers

Anteriormente conocido como JsLink, nos permite personalizar la visualización de un campo de una columna en una lista o librería.

En la siguiente imagen, podemos ver como se han ofuscado algunos datos, gracias a la personalización de la visualización que permite FieldCustomizers.

Ejemplo de FieldCustomizers extraído de Microsoft Mechanics

CommandSets

Anteriormente conocido como Custom Actions, nos permite añadir nuevos botones personalizados en las barra de herramientas de las listas y librerias.

En el siguiente ejemplo, podemos ver como se ha añadido una nueva opción en el menú del elemento.  También podríamos haber añadido una acción personalizada en la barra de herramientas de la lista o en ambos.

Ejemplo de CommandSets extraído de Microsoft Mechanics

Microsoft Graph Http Client y Dialog APIs

También se ha añadido soporte a GraphHttpClient, que nos va a permitir conectarnos a algunos scopes de Microsoft Graph, y Dialog APIs que nos va a permitir realizar interacciones en forma de diálogos en las extensiones y en los web parts.

Como empezar

Para empezar a probar y jugar con estas novedades debemos actualizar el generador de Yeoman de SharePoint.

O si necesitas instalarlo:

npm install -g @microsoft/generator-sharepoint@latest

Gracias a esta actualización cuando ejecutemos el generador nos va a preguntar si queremos crear un web part o una extensión y de que tipo.

Eso nos crearía el proyecto de nuestra extensión y ya podríamos empezar a desarrollar. Encontrareis ejemplos para empezar en el Dev Center de Office.