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

Información general sobre el generador de aplicaciones Lightning

Objetivos de aprendizaje

Después de completar esta unidad, podrá:
  • Comprender cómo le puede ayudar el Generador de aplicaciones Lightning a crear aplicaciones con capacidad de respuesta y páginas personalizadas para Lightning Experience y la aplicación móvil
  • Comprender el formato de la interfaz de usuario del generador de aplicaciones Lightning.
  • Describir la diferencia entre una página Lightning y un componente Lightning

Utilizar el Generador de aplicaciones Lightning

Sus usuarios están ocupados. Están cerrando negociaciones, prestando servicios de primera categoría y realizando tareas de marketing para sus clientes y clientes potenciales. La creación de páginas personalizadas le permite proporcionar a los usuarios información clave y una interfaz sencilla para actualizar y agregar registros.

El Generador de aplicaciones Lightning es una herramienta interactiva que facilita la tarea de crear páginas personalizadas para la aplicación móvil Salesforce y Lightning Experience, proporcionando a los usuarios lo que necesitan en un solo lugar.

Pero eso no es todo. Cuando modifica una aplicación Lightning desde el Gestor de aplicaciones en Configuración, se le lleva al Generador de aplicaciones Lightning para gestionar la configuración de la aplicación. Puede actualizar la marca, la navegación, las opciones de la aplicación y gestionar las páginas Lightning asignadas a esa aplicación, todo en el Generador de aplicaciones Lightning.

En este módulo, exploraremos la creación de páginas Lightning.

Cómo funciona el Generador de aplicaciones Lightning

Con el generador de aplicaciones Lightning, puede crear lo siguiente:
  • Aplicaciones de una sola página que se desglosan en páginas estándar.
  • Aplicaciones de tipo tablero, como aplicaciones para el seguimiento de los principales clientes potenciales de ventas o los prospectos clave para el trimestre.
  • Aplicaciones interactivas (“apuntar”) para resolver una tarea concreta, como una aplicación de gastos para que los usuarios ingresen los gastos y monitoreen los gastos presentados.
  • Páginas de registro personalizadas para sus objetos y adaptadas a las necesidades de los usuarios.
  • Páginas de inicio personalizadas que contienen los componentes y las funciones que los usuarios usan con más frecuencia.

Una página Lightning es un formato personalizado que le permite diseñar páginas para utilizarlas en la aplicación móvil Salesforce o en Lightning Experience. Una página Lightning se compone de áreas que contienen componentes.

Esta es una vista rápida de una de las páginas que va a crear.

Probar el componente personalizado en Lightning Experience

La estructura de una página Lightning se adapta para el dispositivo donde se está viendo. La plantilla elegida al crear la página controla cómo se muestra esta en un dispositivo determinado. La plantilla de la página Lightning divide la página en regiones.

Áreas de páginas Lightning

Componentes Lightning

Un componente Lightning es un elemento compacto, configurable y reutilizable que puede agregar a una página Lightning en el Generador de aplicaciones Lightning.

Las páginas Lightning son compatibles con estos componentes:
  • Componentes estándar - Los componentes estándar son componentes Lightning creados por Salesforce.
  • Componentes personalizados - Los componentes personalizados son componentes Lightning que usted u otra persona han creado. Puede configurar componentes Lightning personalizados para que funcionen en el generador de aplicaciones Lightning.
  • Componentes de terceros en AppExchange - AppExchange ofrece un catálogo de soluciones para componentes Lightning. Puede buscar paquetes que contengan componentes configurados y listos para su uso en el generador de aplicaciones Lightning. 
Nota

Nota

Desde la versión Spring ‘19 (versión 45.0 de la API), puede construir componentes Lightning empleando dos modelos de programación: el modelo Componentes web Lightning y el modelo Componentes Aura original. Los componentes web Lightning son elementos HTML personalizados construidos utilizando HTML y JavaScript moderno. Los componentes web Lightning y los componentes Aura pueden coexistir y funcionar conjuntamente en una página.

Interfaz de usuario del Generador de aplicaciones Lightning

La interfaz de usuario del Generador de aplicaciones Lightning facilita la creación de páginas Lightning. A continuación se indican las partes de la herramienta.
Interfaz de usuario del Generador de aplicaciones Lightning
Encabezado (1)
Cuando está trabajando en una página Lightning, el encabezado le muestra su etiqueta y contiene una lista Páginas donde puede ver las últimas 10 páginas que modificó. También puede volver a Configuración sin guardar o consultar la ayuda adicional para el Generador de aplicaciones Lightning.

Si está modificando una aplicación, el encabezado también muestra el nombre de la aplicación y contiene una ficha Configuración de aplicación donde puede configurar las opciones de la aplicación como marca, navegación y la barra de utilidades. En un contexto de aplicación, la lista Páginas muestra todas las páginas Lightning activas asociadas con la aplicación vigente.

Barra de herramientas (2)
Use los botones de la barra de herramientas para cortar (Cortar), copiar (Copiar) y pegar (Pegar) contenido de la página, y para deshacer (Deshacer), rehacer (Rehacer), guardar o activar la página Lightning. Además, puede ver su página en distintos formatos, actualizar el lienzo o ajustar el tamaño del lienzo para que quepa en la vista.

Panel Componentes Lightning (3)
El panel de componentes contiene todos los componentes Lightning estándar y personalizados para la página Lightning. Haga clic y arrastre un componente para agregarlo a la página.

Nota

Nota

Si tiene muchos componentes personalizados, ingrese texto en el campo de búsqueda para encontrar fácilmente el componente que necesita. Puede acceder a componentes personalizados de terceros en AppExchange utilizando el botón de la parte inferior del panel.

Lienzo de la página Lightning (4)
El área del lienzo es la ubicación en la que crea la página. Arrastre componentes para reordenarlos en la página.

Panel de propiedades (5)
Según la selección realizada en la página, en el panel de propiedades se muestran las propiedades generales de la página o las propiedades del componente seleccionado. Haga clic en Página en la ruta de navegación para acceder a las propiedades de la página al visualizar un componente.

Tipos de páginas de Lightning

Puede crear diferentes tipos de páginas Lightning con el Generador de aplicaciones Lightning. Veamos estos tres tipos.

Página de aplicación
Use una página de aplicación para crear una página de inicio para una aplicación de terceros que puede agregar directamente a los menús de navegación de la aplicación móvil Salesforce y Lightning Experience. Sus usuarios tienen a continuación una página de inicio de aplicación donde pueden acceder rápidamente a los elementos y objetos más importantes.

Página de inicio
Cree páginas de inicio con funciones relevantes para los tipos de usuarios específicos y asigne las páginas personalizadas a aplicaciones diferentes o combinaciones de aplicación y perfil de usuario. Las páginas de inicio personalizadas solo se admiten en Lightning Experience.

Página de registro
Con una página de registro, puede crear una versión personalizada de la página de registro de un objeto con el fin de adaptarla a las necesidades de los usuarios. Se admiten las páginas de registro personalizadas en Lightning Experience y la aplicación móvil Salesforce. 

Empecemos por la página de inicio.