Empiece a realizar un seguimiento de su progreso
Inicio de Trailhead
Inicio de Trailhead

Trabajar con componentes Lightning personalizados

Objetivos de aprendizaje

Después de completar esta unidad, podrá:
  • Instalar un componente Lightning personalizado
  • Utilizar su dispositivo móvil para obtener una vista previa de su aplicación en la aplicación móvil Salesforce

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

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.

Panel de componentes del generador de aplicaciones Lightning
Sus componentes Lightning personalizados no funcionan automáticamente en páginas Lightning o en Generador de aplicaciones Lightning. Para hacer que un componente personalizado se pueda utilizar en ambos, necesita:
  1. 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.
  2. 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

No intente activar Mi dominio o cambiar su configuración en su Trailhead Playground. Mi dominio ya está activo en todos los Trailhead Playground de forma predeterminada.

Nombre de Mi dominio resaltado en una URL de Trailhead Playground

Mi dominio le permite crear un subdominio exclusivo para su organización en su organización de producción. Con Mi dominio, usted sustituye la URL de instancia que Salesforce le asigna, como https://na17.lightning.force.com, por el subdominio de su elección, como por ejemplo, https://minombredominio.lightning.force.com.

Mi dominio se requiere para crear componentes Lightning personalizados y configurar el inicio de sesión único (SSO) en una organización. Para conocer más detalles sobre Mi dominio, eche un vistazo a este artículo de Knowledge. Para aprender a activarlo en su organización de producción, consulte el módulo Autenticación de usuario.

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.

  1. Haga clic en la ficha Instalar un paquete.
  2. Pegue 04t2E00000161fSQAQ en el campo.
  3. Haga clic en Instalar.
  4. 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

  1. En Configuración, ingrese Generador de aplicaciones en el cuadro Búsqueda rápida y, a continuación, haga clic en Generador de aplicaciones Lightning.
  2. Haga clic en Modificar junto a la página Cuentas y oportunidades principales que creó en la unidad anterior.
  3. Agregue el componente Alerta de oportunidad por encima del componente Vista de lista.
  4. 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?
  5. Anule la selección de Tiene tareas abiertas, luego haga clic en Guardar
Nota

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

Vamos a verlo primero en la aplicación móvil Salesforce.
  1. Abra la aplicación en su dispositivo móvil.
  2. Si es necesario, inicie sesión con sus credenciales de Trailhead Playground.
  3. 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. Probar el componente personalizado en Salesforce1
  4. 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. Probar el componente personalizado en Lightning Experience
¡Felicitaciones! Utilizó el generador de aplicaciones Lightning para crear una página de aplicación, personalizar su página de inicio de Lightning Experience y personalizar una página de registro de Lightning Experience.

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!