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

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 do Lightning existente do AppExchange.

Nota

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 dois modelos de programação, componentes Web do Lightning e componentes do Aura. Veja os módulos Noções básicas dos componentes do Aura e 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 que um componente personalizado possa ser utilizado nos dois, você precisa:
  1. Configurar o componente e seu pacote de componentes para que sejam compatíveis com o Criador de aplicativo Lightning e com as páginas do Lightning. Dependendo do modelo de programação do componente do Lightning com o qual você está trabalhando, confira o Guia do desenvolvedor dos componentes do Aura do Lightning ou o Guia do desenvolvedor dos componentes Web do Lightning para mais detalhes.
  2. Implantar MyDomain em sua organização.

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

O recurso Meu domínio já está no Trailhead Playground

Por padrão, o Meu domínio já está ativo em cada Trailhead Playground. Não tente ativar o recurso Meu domínio ou alterar suas configurações no Trailhead Playground. A alteração das configurações do meu domínio poderia bloquear sua organização do playground.

Nome do Meu domínio destacado em um URL do Trailhead Playground

Se a URL de login da sua organização contiver sua instância do Salesforce, como https://na17.salesforce.com, a implantação de um Meu domínio a substitui pela URL de login específica da sua empresa, como https://mydomainname.my.salesforce.com.


O Meu domínio é necessário para criar componentes personalizados do Lightning e configurar o login único (single sign-on, SSO) em uma organização. É tão importante que todas as organizações de produção, Developer Edition e teste criadas na organização Winter ' 21 mais tarde ganham um Meu domínio por padrão. Para saber como ativar o Meu domínio na sua organização de produção, consulte o módulo Autenticação de usuário. Para saber mais sobre o recurso Meu domínio e seu Trailhead Playground, confira este artigo do Knowledge.

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 os 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

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!