Skip to main content

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

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

Nota

O desafio prático para esse emblema está traduzido para japonês, espanhol (América Latina) e português (Brasil). Para definir o idioma do seu Trailhead Playground, siga essas instruções. A tradução pode estar desatualizada. Se você não conseguir passar no desafio usando as instruções traduzidas, defina o idioma para inglês e a localidade para Estados Unidos. Em seguida, tente novamente.

Nota

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.

Nota

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.

Painel de componentes do Criador de aplicativo 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

Disponibilizamos um componente do Lightning de Alerta de oportunidade personalizado que você pode adicionar à sua página do Lightning. Vamos instalá-lo 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 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 Iniciador de aplicativos para abrir o 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 Trailhead.

  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 Configuração, digite App Builder na caixa Busca rápida e clique em 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.
Nota

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. Vamos ver como está a página agora.

Testar o componente personalizado

Vamos 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. Teste seu componente personalizado no Salesforce1
  4. Volte para sua organização e visualize a página 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. Testar seu componente personalizado no Lightning Experience
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!

Continue a aprender de graça!
Inscreva-se em uma conta para continuar.
O que você ganha com isso?
  • Receba recomendações personalizadas para suas metas de carreira
  • Pratique suas habilidades com desafios práticos e testes
  • Monitore e compartilhe seu progresso com os empregadores
  • Conecte-se a orientação e oportunidades de carreira