Primeros pasos con el Lightning App Builder (Generador de aplicaciones de Lightning)

Objetivos de aprendizaje

Después de completar esta unidad, podrá:

• Comprender cómo puede ayudarle el Lightning App Builder (Generador de aplicaciones Lightning) a crear aplicaciones y páginas personalizadas con una elevada capacidad de respuesta para Lightning Experience y la aplicación móvil.
  
• Comprender el formato de la interfaz de usuario del Lightning App Builder (Generador de aplicaciones Lightning).
  
• Describir la diferencia entre una página Lightning y un componente Lightning.
  

Introducción al Lightning App Builder (Generador de aplicaciones Lightning)

Sus usuarios tienen mucho que hacer. Se dedican a cerrar acuerdos, ofrecer un servicio de máxima calidad y comercializar productos para sus clientes y clientes potenciales. Al crear páginas personalizadas, puede poner información clave al alcance de la mano de sus usuarios y ofrecerles una interfaz sencilla para actualizar y agregar registros.

El Lightning App Builder (Generador de aplicaciones Lightning) es una herramienta interactiva que facilita la creación de páginas personalizadas para la aplicación móvil de Salesforce y Lightning Experience, por lo que proporciona a sus usuarios todo lo que necesitan en un único lugar.

Pero eso no es todo. Cuando modifica una aplicación Lightning desde el Gestor de aplicaciones en Setup (Configuración), se abre el Lightning App Builder (Generador de aplicaciones Lightning) para administrar los parámetros de la aplicación. Desde ahí puede cambiar los elementos de personalización de marca y las opciones de la aplicación, y administrar las páginas Lightning asignadas a la aplicación.

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

Funcionamiento del Lightning App Builder (Generador de aplicaciones Lightning)

Con el Lightning App Builder (Generador de aplicaciones Lightning), puede crear los siguientes elementos:

• Aplicaciones de página única que se desglosan en páginas estándar
  
• Aplicaciones con un estilo de panel, como aplicaciones que rastrean los clientes potenciales de mayores ventas o los candidatos claves para el trimestre
  
• Aplicaciones "puntuales" que desempeñan una tarea concreta, como una aplicación para que los usuarios introduzcan gastos y los supervisen
  
• Páginas de registro personalizadas para sus objetos, que se ajustan a las necesidades de los usuarios
  
• Páginas de inicio personalizadas que contienen los componentes y las funciones que más utilizan los usuarios
  

Una página Lightning es un formato personalizado que le permite diseñar páginas para usarlas en la aplicación móvil de Salesforce o en Lightning Experience. Las páginas Lightning están compuestas por regiones que contienen componentes.

Esto es un adelanto de una de las páginas que usted mismo va a crear.

La estructura de una página Lightning se adapta al dispositivo en el que se visualiza. La plantilla que selecciona cuando crea la página controla la forma en que se verá en un dispositivo determinado. La plantilla de la página Lightning divide la página en regiones.

Componentes Lightning

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

Las páginas Lightning admiten los siguientes componentes:

• Componentes estándar: son componentes Lightning creados en Salesforce.
  
• Componentes personalizados: son componentes Lightning que ha creado usted u otra persona. Puede configurar los componentes Lightning personalizados para que funcionen en el Lightning App Builder (Generador de aplicaciones Lightning).
  
• Componentes de terceros en AppExchange: AppExchange es una plataforma donde adquirir componentes Lightning. Ahí encontrará paquetes con componentes ya configurados y listos para usar en el Lightning App Builder (Generador de aplicaciones Lightning).
  

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 Lightning App Builder (Generador de aplicaciones Lightning)

La interfaz de usuario del Lightning App Builder (Generador de aplicaciones Lightning) hace que la creación de páginas Lightning sea muy sencilla. A continuación se detallan las partes de la herramienta.

Encabezado (1)

Mientras trabaja en una página Lightning, el encabezado muestra su etiqueta, y contiene una lista de páginas donde puede consultar las últimas 10 páginas que ha modificado. También puede volver a Setup (Configuración) sin guardar o consultar más ayuda para Lightning App Builder

Si edita una aplicación, el encabezado también muestra su nombre y una ficha App Settings (Configuración de aplicación), donde puede configurar las opciones de la aplicación, como la personalización de marca, la navegación y la barra de utilidades. En el contexto de una aplicación, la lista Pages (Páginas) muestra todas las páginas de Lightning activas asociadas con la aplicación actual.

Barra de herramientas (2)

Utilice los botones de la barra de herramientas para cortar , copiar , y pegar contenido de la página; utilícelos también para deshacer , rehacer , guardar, o activar su página de Lightning. También puede visualizar su página en distintos formatos, actualizar el lienzo o ajustar el tamaño del lienzo para que se ajuste a su vista.

Panel de componentes (3)

El panel de componentes contiene todos los componentes Lightning estándar y personalizados que se admiten en su página Lightning. Haga clic en un componente y arrástrelo para agregarlo a la página. En las páginas de registro, una ficha Fields (Campos) en la parte superior de la paleta de componentes contiene campos de objeto que puede agregar a su página de registro.

Si cuenta con una gran cantidad de componentes personalizados, introduzca texto en el campo de búsqueda para encontrar fácilmente el que necesita. Con el botón de la parte inferior del panel, puede acceder a componentes personalizados de terceros en AppExchange.

Lienzo de la páginas Lightning (4)

El área del lienzo es donde se crea la página. Arrastre componentes para reordenarlos en la página.

Panel de propiedades (5)

En función de los elementos que seleccione en la página, el panel de propiedades muestra las propiedades generales de la página o las propiedades del componente seleccionado. Haga clic en Page (Página) en la ruta de exploración para acceder a las propiedades de la página al visualizar un componente.

Tipos de páginas Lightning

Puede crear distintos tipos de páginas Lightning con el Lightning App Builder (Generador de aplicaciones Lightning). Vamos a centrarnos en estos tres tipos.

Página de aplicación

Utilice una página de aplicación para crear una página de inicio de una aplicación de terceros que pueda agregar directamente en los menús de navegación de la aplicación móvil de Salesforce y Lightning Experience. Sus usuarios disfrutarán de una página de inicio de aplicación desde donde podrán acceder rápidamente a los objetos y elementos más importantes.

Página de inicio

Cree páginas de inicio con funciones relevantes para tipos concretos de usuarios, y asigne las páginas personalizadas a distintas aplicaciones o combinaciones de aplicación y perfil de usuario. Las páginas de inicio personalizadas solo son compatibles con 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 para que se adapte a las necesidades de sus usuarios. Las páginas de registro personalizadas son compatibles con Lightning Experience y en la aplicación móvil de Salesforce. 

Comenzaremos con la página de inicio.

Recursos

• Ayuda de Salesforce: Lightning App Builder (Generador de aplicaciones Lightning)
• Ayuda de Salesforce: Páginas Lightning
• Oficial: El Lightning App Builder (Generador de aplicaciones Lightning) en la Trailblazer Community