Trabalhar com componentes do Lightning personalizados

Objetivos de aprendizagem

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

• Instalar um componente do Lightning personalizado
  
• Usar seu dispositivo móvel para visualizar seu aplicativo no aplicativo móvel Salesforce
  

Nota

Deseja aprender em português (Brasil)? Comece o desafio em um Trailhead Playground de português (Brasil) e copie e cole os valores de português (Brasil). Se você não passar no desafio em sua organização de português (Brasil), recomendamos que (1) mude o local para os Estados Unidos, (2) mude o idioma para inglês, seguindo as instruções aqui, e (3) clique novamente no botão “Validar o desafio”.

Consulte o emblema Trailhead no seu idioma para saber mais sobre como aproveitar a experiência de Trailhead em outros idiomas.

Acessibilidade

Esta unidade requer algumas instruções adicionais para usuários de leitores de tela. Para acessar uma versão detalhada do leitor de tela desta unidade, clique no link abaixo:

Abrir as instruções do leitor de tela do Trailhead.

Componentes do Lightning personalizados no Criador de aplicativo Lightning

A criação de um componente do Lightning personalizado exige habilidades de programação. Você pode também instalar um componente existente do Lightning do AppExchange.

Os administradores de apontar e clicar podem fazer esta unidade! Damos a vocês um componente personalizado que já está configurado. Portanto, não se preocupe. Você não precisa de habilidades de programação para ganhar essa medalha.

Você pode criar um componente do Lightning personalizado usando componentes Web do Lightning. Consulte o módulo Noções básicas dos componentes Web do Lightning.

Os componentes personalizados na sua organização que estão configurados para uso no Criador de aplicativo Lightning aparecem no painel de Componentes do Lightning.

Seus componentes personalizados do Lightning não funcionam automaticamente nas páginas do Lightning ou no Criador de aplicativo Lightning. Para tornar um componente personalizado utilizável em ambos, você precisa configurar o componente e o pacote de componentes para que sejam compatíveis com o Criador de aplicativo Lightning e com as páginas do Lightning. Para obter detalhes, consulte o Guia do desenvolvedor de componentes Web do Lightning.

O componente personalizado que estamos fornecendo para este módulo já foi configurado para o Criador de aplicativo Lightning.

Instalar um componente do Lightning personalizado

Você disponibilizou um componente Opportunity Alert (Alerta de oportunidade) personalizado do Lightning que você pode adicionar à sua página do Lightning. Agora instale-o na sua organização.

Inicie seu Trailhead Playground acessando qualquer unidade com um desafio prático, rolando até o fim da página e clicando em Launch (Iniciar). Se você vir uma guia na sua organização com o rótulo Instalar um pacote, ótimo! Siga as etapas abaixo.

Do contrário, clique no ícone do App Launcher (Iniciador de aplicativos) para abrir o App Launcher (Iniciador de aplicativos), clique em Playground Starter e siga as etapas. Se não vir o aplicativo Playground Starter, copie este link de instalação do pacote e consulte Instalar um pacote ou aplicativo para concluir um desafio do Trailhead na Ajuda do Salesforce.

1. Clique na guia Instalar um pacote.
   
2. Cole 04t2E00000161fSQAQ no campo.
   
3. Clique em Instalar.
   
4. Selecione Instalar apenas para administradores e clique em Instalar.
   

Depois que a instalação é concluída, é hora de adicionar o componente à sua página.

Adicionar o componente do Lightning personalizado à sua página de aplicativo

1. Em Setup (Configuração), digite App Builder (Criador de aplicativo) na caixa Busca rápida e clique em Lightning App Builder (Criador de aplicativo Lightning).
   
2. Clique em Editar ao lado da página Principais contas e oportunidades criada na unidade anterior.
   
3. Adicione o componente Alerta de oportunidade acima do componente Modo de exibição de lista.
   
4. No painel de propriedades, altere a opção Days Since Last Modified (Dias desde a última modificação) para 6.
   Você notou que o texto dentro do componente foi alterado para corresponder ao novo valor do campo?
   
5. Desmarque a opção Tem tarefas abertas e clique em Salvar.
   

Como você já ativou a página, não é necessário ativá-la novamente.

É isso aí! As alterações feitas ficam disponíveis imediatamente no Lightning Experience e no aplicativo móvel. A seguir, veja como está a página agora.

Testar o componente personalizado

Comece por dar uma olhada no aplicativo móvel Salesforce primeiro.

1. Abra o aplicativo em seu dispositivo móvel.
   
2. Se necessário, entre usando suas credenciais do Trailhead Playground.
   
3. Acesse a página Principais contas e oportunidades no aplicativo Vendas e desça até ver o novo componente. Talvez seja necessário atualizar a tela para ver suas alterações. 
   

Volte para sua organização e visualize a página Top Accounts and Opportunities (Principais contas e oportunidades) no Lightning Experience. Como você criou a página usando o modelo de duas colunas, ela usa o formato de duas colunas para visualização na área de trabalho ou em um tablet.

Parabéns! Você usou o Criador de aplicativo Lightning Experience para criar uma página de aplicativo, personalizar a página inicial do Lightning Experience e personalizar uma página de registro do Lightning Experience.

Agora você é capaz de tornar o aplicativo móvel Salesforce e o Lightning Experience mais úteis e avançados para seus usuários. Comece já a personalizar!

Recursos

• Guia do desenvolvedor de Componentes Web do Lightning
• Guia do desenvolvedor de Componentes Web do Lightning: Configurar o componente para o Criador de aplicativo Lightning
• Ajuda do Salesforce: Custom Lightning Page Components