Control de cumpleaños spfx sharepoint online

Sharepoint online soporta que trabajemos con web part personalizados basados en framework javascript, html5 y css. Para tales fines, usted puede elegir su lenguaje de preferencia (vuejs, react, etc) y programar su propio componente para sharepoint online.

hace unos días nos vimos en necesidad de buscar un componente que nos desplegara las fechas de cumpleaños de los colaboradores de la institución y encontramos una fuente de ejemplo de un código en React que nos dió mucha luz en este proceso. Para mayor referencia pueden ir al link original del código de webpart.

Debajo un ejemplo de algunos ajustes que le hicimos a ese componente y que publicamos en nuestra cuenta de github.

Esta librería aplica a las siguientes tecnologías:

  • Sharepoint framework.
  • Office 365 tenant.

Se debe crear una lista en el root de sharepoint con el siguiente nombre "Birthdays" con la estructura sugerida en la librería. Un ejemplo de como se puede ver la lista de cumpleaños que creamos en el root de sharepoint.


Luego, procedemos a compilar nuestro web part utilizando gulp, con los siguientes comandos podemos compilar el proyecto y subirlo a nuestro banco de aplicaciones de sharepoint. En la línea de comando ejecute:

  • npm install
  • gulp build
  • gulp bundle --ship
  • gulp package-solution --ship

Agregar y desplegue el paquete a AppCatalog
Luego, vaya a API Management  en el SharePoint Admin Center new experience, y apruebe los permisos requeridos Graph API SCOPES.



Prerequisitos para instalar el web part en el sharepoint online.
Estructura de la tabla
Nombres ColumnasTiposRequeridoComentarios
JobTitleTextno
BirthdayDateTimetrue
userAADGUIDTextnorequired if used Azure Function to get Birthdays from AAD
TitleTexttrue
emailTexttrue

Crear un índice en la tabla para el campo userAADGUID.


Comentarios

Anónimo ha dicho que…
Es necesario poblar las variables distintas a tenanturl?
Michael Núñez ha dicho que…
hola, esas variables se llenan por defecto a partir del manifest que se genera al momento de crear el bundle.
Anónimo ha dicho que…
Hola Michael, gracias por responder, realmente el API no esta funcionando, osea no se esta cargando la lista de usuarios desde Azure AD hacia la lista SharePoint. Esa es la razón por la que alimentas la lista desde otra fuente?
Michael Núñez ha dicho que…
Este componente como tal carga los datos de una lista externa creada en el root de sharepoint porque en el caso de la empresa donde implementamos ese componente había unos temas de licenciamiento que evitaba acceder directamente a los usuarios del AD, ya que teniamos una solución híbrida (online y on premise al mismo tiempo). Por lo que tuvimos que leer del AD local y cargarlo a la lista que creamos para esos fines. El proceso es sumamente rápido, por lo que sincronizarlo me tomaba unos 5 minutos.
Anónimo ha dicho que…
Gracias por tu respuesta, lo estoy cargando desde otra fuente de datos.

Lograste cargar solo los cumpleaños de hoy? Veo que si el usuario tiene fecha de cumpleaños 06/19/2000 el webpart lo lista como 06/18.
Anónimo ha dicho que…
Gracias, ya vi el porque no me trae la fecha de hoy. El problema esta en birthday: moment.utc(item.fields.Birthday).local().format().

Entradas populares de este blog

Como ejecutar una aplicación desde SQL.

Crear un Cursor SQL Server

Desahogo