Skip to main content
Join the Agentforce Hackathon on Nov. 18-19 to compete for a $20,000 Grand Prize. Sign up now. Terms apply.

Expanda seu negócio com o Salesforce Starter

Melhore o relacionamento com os clientes usando vendas, atendimento e marketing em um aplicativo.

Avaliação gratuita de 30 dias
Tempo estimado

Introdução ao Criador de aplicativo Lightning

Objetivos de aprendizagem

Após concluir esta unidade, você estará apto a:

  • Entender como o Criador de aplicativo Lightning Experience pode ajudá-lo a criar aplicativos dinâmicos e páginas personalizadas para o Lightning Experience e para o aplicativo móvel
  • Entender o layout da interface de usuário do Criador de aplicativo Lightning
  • Descrever a diferença entre uma página do Lightning e um componente do Lightning

Conheça o Criador de aplicativo Lightning

Seus usuários são pessoas ocupadas. Eles estão fechando negócios, prestando serviços de ponta e anunciando para clientes atuais e potenciais. Ao criar páginas personalizadas, você poderá colocar informações essenciais ao alcance dos seus usuários e dar a eles uma interface fácil para atualizar e adicionar registros.

O Criador de aplicativo Lightning é uma ferramenta de apontar e clicar que simplifica a criação de páginas personalizadas para o aplicativo móvel Salesforce e o Lightning Experience, dando a seus usuários o que eles precisam, tudo em um mesmo lugar.

Mas isso não é tudo. Quando você edita um aplicativo do Lightning a partir do Gerente de aplicativos em Configuração, você é transportado para o Criador de aplicativo Lightning para gerenciar as configurações do aplicativo. Você pode atualizar a identidade visual, a navegação e as opções do aplicativo, além de gerenciar as páginas do Lightning atribuídas a esse aplicativo, tudo no Criador de aplicativo Lightning.

Neste módulo, você vai explorar a criação de uma página do Lightning.

Como o Criador de aplicativo Lightning funciona

Com o Criador de aplicativo Lightning, você pode criar:

  • Aplicativos de página única que dão detalhes de páginas padrão
  • Aplicativos do tipo painel, como aplicativos para rastrear as principais projeções de vendas ou leads essenciais no trimestre
  • Aplicativos pontuais para solucionar uma tarefa específica, como um aplicativo de despesas para usuários inserirem despesas e monitorarem as despesas enviadas
  • Páginas de registro personalizadas para seus objetos, sob medida para as necessidades de seus usuários
  • Páginas iniciais personalizadas contendo os componentes e recursos que seus usuários mais utilizam

Uma página do Lightning é um layout personalizado que permite a você criar páginas para uso no aplicativo móvel Salesforce ou no Lightning Experience. Uma página do Lightning é composta por regiões que contêm componentes.

Vamos ver uma prévia de uma das páginas que você vai criar.

Testar seu componente personalizado no Lightning Experience

A estrutura de uma página do Lightning se adapta ao dispositivo em que está sendo vista. O modelo que você escolhe ao criar a página controla como ela é exibida em determinado dispositivo. O modelo da página do Lightning divide a página em regiões.

Regiões da página do Lightning

Componentes do Lightning

Um componente do Lightning é um elemento compacto, configurável e reutilizável que você pode adicionar a uma página do Lightning no Criador de aplicativo Lightning.

As páginas do Lightning suportam esses componentes:

  • Componentes padrão - Componentes padrão são componentes do Lightning criados pela Salesforce.
  • Componentes personalizados - Componentes personalizados são componentes do Lightning criados por você ou por outras pessoas. Você pode configurar os componentes personalizados do Lightning para funcionar no Criador de aplicativo Lightning.
  • Componentes de terceiros no AppExchange - o AppExchange serve como um mercado para componentes do Lightning. Você pode encontrar pacotes que contêm componentes já configurados e prontos para uso no Criador de aplicativo Lightning.
Nota

A partir da versão Spring ‘19 (API versão 45.0), é possível criar componentes do Lightning usando dois modelos de programação: o modelo de componentes Web do Lightning e o modelo original de componentes do Aura. Os componentes Web do Lightning são elementos HTML personalizados criados usando HTML e JavaScript moderno. Os componentes Web do Lightning e os componentes do Aura podem coexistir e operar em conjunto em uma página.

A interface de usuário do Criador de aplicativo Lightning

A interface de usuário do Criador de aplicativo Lightning facilita a criação das páginas do Lightning. Vamos ver a ferramenta por partes.

Interface de usuário do Criador de aplicativo Lightning

Cabeçalho (1)

Quando você trabalha em uma página do Lightning, o cabeçalho mostra seu rótulo; além disso, ele contém uma lista Pages (Páginas) onde você pode ver as 10 últimas páginas que modificou. Você também pode retornar à Configuração sem ter de salvar ou ver outros tópicos de ajuda para o Criador de aplicativo Lightning.

Se você estiver editando um aplicativo, o cabeçalho também mostra o nome do aplicativo; além disso, ele contém uma guia Configurações do aplicativo onde você pode configurar as opções do aplicativo, como marca, navegação, e a barra de utilitários. Em um contexto de aplicativo, a lista Páginas exibe todas as páginas do Lightning ativas associadas ao aplicativo atual.

Barra de ferramentas (2)

Use os botões na barra de ferramentas para cortar Cortar, copiar Copiar e colar Colar conteúdo da página e desfazer Desfazer, refazer Refazer, salvar ou ativar sua página do Lightning. Você também pode ver sua página em formatos diferentes, atualizar a tela ou ajustar o tamanho da tela para se adequar à sua visualização.

Palete de componentes (3)

A palete dos componentes contém todos os componentes do Lightning padrão e personalizados que têm suporte na sua página do Lightning. Clique e arraste um componente para adicioná-lo à página. Nas páginas de registro, uma guia Fields (Campos) na parte superior da paleta de componentes tem campos de objetos que você pode adicionar à sua página de registro.

Nota

Se você tem vários componentes personalizados, insira um texto no campo de pesquisa para encontrar o que você precisa facilmente. Você pode acessar componentes personalizados de terceiros no AppExchange usando o botão na parte inferior do painel.

Tela da página do Lightning (4)

A área da tela onde você cria a sua página. Arraste os componentes para reordená-los na página.

Painel de propriedades (5)

Dependendo do que é selecionado na página, o painel de propriedades mostra as propriedades gerais da página ou as do componente que você selecionou. Clique em Página na trilha para acessar as propriedades da página enquanto visualiza um componente.

Tipos de página do Lightning

Você pode criar diferentes tipos de páginas do Lightning com o Criador de aplicativo Lightning. Vamos analisar esses três tipos.

Página do aplicativo

Use uma página de aplicativo para criar uma página inicial para um aplicativo de terceiro que você pode adicionar diretamente aos menus de navegação do aplicativo móvel Salesforce e do Lightning Experience. Seus usuários terão uma página inicial de aplicativo em que poderão acessar os objetos e itens mais importantes rapidamente.

Página inicial

Crie páginas iniciais com recursos que são relevantes para tipos de usuários específicos e atribua as páginas personalizadas a diferentes aplicativos ou combinações de aplicativo e perfis de usuário. Páginas iniciais personalizadas somente têm suporte no Lightning Experience.

Página de registro

Com uma página de registro, você pode criar uma versão personalizada de uma página de registro de um objeto, tornando-a sob medida para as necessidades de seus usuários. As páginas de registro personalizadas são compatíveis com o Lightning Experience e o aplicativo móvel do Salesforce. 

Comece com a página inicial.

Recursos

Compartilhe seu feedback do Trailhead usando a Ajuda do Salesforce.

Queremos saber sobre sua experiência com o Trailhead. Agora você pode acessar o novo formulário de feedback, a qualquer momento, no site Ajuda do Salesforce.

Saiba mais Continue compartilhando feedback