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?
7 de junio de 2021, 14:14
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.
7 de junio de 2021, 14:27
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?
10 de junio de 2021, 12:39
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.
10 de junio de 2021, 14:38
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.
15 de junio de 2021, 12:59
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().
16 de junio de 2021, 8:02
Publicar un comentario

Entradas populares de este blog

Como ejecutar una aplicación desde SQL.

Hola Jóvenes. Me estoy estrenando en el blog con esta publicación, así que espero brindarles en lo adelante muchas informaciones que les sirvan de soporte. Entrando en materia, en ocasiones necesitamos que al ejecutar cierto Store Procedure, DTS, etc.; requerimos la utilización de alguna aplicación para que efectúe una operación secundaria. La aplicación, podemos ejecutarla (dispararla) mediante el Store Procedure "xp_cmdshell", utilizando la siguiente instrucción dentro del Query que estemos ejecutando: Exec xp_cmdshell 'C:\WINDOWS\system32\calc.exe' Este Store Procedure usualmente no está habilitado por lo que, es necesario solicitar autorización al DBA de los usuarios que van a utilizarlo. Además, en otros casos, es posible que no este habilitado el SP en la base de datos (Master), en dado caso, es necesario su configuración (para lo cual necesitamos privilegios de administrador) vía el SP "sp_configure" de la siguiente forma: --Permitir que las opciones...
Leer más

Crear un Cursor SQL Server

Saludos, En esta ocación voy a mostrarle como crear un cursor en SQL Server y explicar la importancia del mismo. Un cursor es una herramienta de SQL Server que nos permite recorrer el resultado de una consulta SQL y realizar operaciones con estos resultados dentro de un bucle de datos. Para mostrar la sintaxis del cursor utilizemos el siguiente planteamiento, tenemos una tabla denominada persona y deseamos imprimir en pantalla los nombres y apellidos de todos los registros almacenados en la table persona. La sintaxis de declaración de un cursor es la siguiente: declare cursor_prueba cursor for select nombres, apellidos from persona /*ahora declaramos las variables con las que vamos a recorrer el cursor:*/ declare @nombres varchar (25) declare @apellidos varchar (25) /*Abrimos el cursor para iniciar el recorrido del mismo*/ open cursor_prueba /*Se mueve al siguiente registro dentro del cursor y los asignamos a las variables antes declaradas*/ fetch next from cursor_prueba into ...
Leer más