Trabajar con componentes Lightning personalizados
Objetivos de aprendizaje
Componentes Lightning personalizados en el generador de aplicaciones Lightning
La creación de un componente Lightning personalizado requiere conocimientos de programación. O bien, puede instalar un componente Lightning existente desde AppExchange.
Nota
Los administradores que usen herramientas interactivas (apuntar y hacer clic) también pueden completar esta unidad. Le vamos a proporcionar un componente personalizado que ya está configurado. Por lo tanto, no tiene por qué preocuparse. No necesita tener conocimientos de programación para conseguir esta insignia.
Puede crear un componente Lightning personalizado utilizando dos modelos de programación: componentes web Lightning y componentes Aura. Consulte los módulos Fundamentos de Componentes Aura y Fundamentos de Componentes web Lightning.
Los componentes personalizados de su organización que están configurados para su uso en el generador de aplicaciones Lightning se muestran en el panel Componentes Lightning.
- Configure el componente y su paquete de componentes de modo que sean compatibles con el Generador de aplicaciones Lightning y páginas Lightning. Dependiendo del modelo de programación de componentes Lightning con el que esté trabajando, consulte la Guía del desarrollador de componentes Lightning Aura o la Guía del desarrollador de componentes web Lightning para ver los detalles.
- Implemente Mi dominio en su organización.
El componente personalizado que proporcionamos para este módulo ya se ha configurado para el generador de aplicaciones Lightning.
Mi dominio ya está activado en su Trailhead Playground
Si la URL de inicio de sesión de su organización con tiene su instancia de Salesforce, como https://na17.salesforce.com, al implementar Mi dominio la sustituirá por la URL de inicio de sesión específica de su compañía, como https://mydomainname.my.salesforce.com.
Mi dominio se requiere para crear componentes Lightning personalizados y configurar el inicio de sesión único (SSO) en una organización. También es importante que todas las organizaciones de producción, Developer Edition y prueba creadas en Winter ’21 o posteriores obtengan un Mi dominio de forma predeterminada. Para aprender a activar Mi dominio en su organización de producción, consulte el módulo Autenticación de usuario. Para conocer más detalles sobre Mi dominio y su Trailhead Playground, eche un vistazo a este artículo de Knowledge.
Instalar un componente Lightning personalizado
Hemos proporcionado un componente Lightning de alertas de oportunidad que puede agregar a su página Lightning. Ahora vamos a instalarlo en su organización.
Inicie su Trailhead Playground dirigiéndose a cualquier unidad con un reto práctico y desplazándose hasta la parte inferior de la página y haciendo clic en Iniciar. Si ve una ficha en su organización etiquetada como Instalar un paquete, ¡excelente! Siga los pasos que se describen a continuación.
En caso contrario, haga clic en el icono del iniciador de aplicación para abrir el Iniciador de aplicación, luego haga clic en Playground Starter y siga los pasos. Si no ve la aplicación Playground Starter, copie este vínculo de Paquete instalación y consulte Instalar un paquete o aplicación para completar un reto de Trailhead en la Ayuda de Trailhead.
- Haga clic en la ficha Instalar un paquete.
- Pegue
04t2E00000161fSQAQen el campo. - Haga clic en Instalar.
- Seleccione Instalar solo para administradores y, a continuación, haga clic en Instalar.
Una vez completada la instalación, ya puede agregar el componente a su página.
Agregar el componente Lightning personalizado a su página de aplicación
- En Configuración, ingrese
Generador de aplicacionesen el cuadro Búsqueda rápida y, a continuación, haga clic en Generador de aplicaciones Lightning. - Haga clic en Modificar junto a la página Cuentas y oportunidades principales que creó en la unidad anterior.
- Agregue el componente Alerta de oportunidad por encima del componente Vista de lista.
- En el panel de propiedades, cambie Días desde la última modificación a
6.
Ha observado que el texto del componente ha cambiado para coincidir con el nuevo valor de campo? - Anule la selección de Tiene tareas abiertas, luego haga clic en Guardar.
Nota
Dado que ha activado la página anteriormente, no necesita volver a activarla.
¡Perfecto! Los cambios que ha realizado están disponibles de inmediato en Lightning Experience y la aplicación móvil. Ahora vamos a ver qué aspecto tiene la página.
Probar el componente personalizado
- Abra la aplicación en su dispositivo móvil.
- Si es necesario, inicie sesión con sus credenciales de Trailhead Playground.
- Vaya a la a la página Cuentas y oportunidades principales en la aplicación Ventas y desplácese hacia abajo hasta que vea el nuevo componente. Es posible que tenga que actualizar la pantalla para ver sus cambios.
- Vuelva a su organización y vea la página Cuentas y oportunidades principales en Lightning Experience.
Dado que ha creado la página con la plantilla Dos columnas, se usa el formato de dos columnas al ver la página en el escritorio o un tablet.
Ya tiene los conocimientos necesarios para aumentar la facilidad de uso y eficiencia de la aplicación móvil Salesforce y Lightning Experience para los usuarios. ¡Anímese a personalizar!