Criar uma página inicial do Lightning para um aplicativo

Objetivos de aprendizagem

Após concluir esta unidade, você estará apto a:
  • Adicionar componentes a uma página do Lightning
  • Configurar as propriedades de uma página do Lightning e de um componente do Lightning
  • Adicionar ações a uma página do Lightning
  • Adicionar uma página do Lightning Experience ao Lightning Experience e ao aplicativo móvel

A página inicial do Lightning para um aplicativo

Adicione uma página inicial personalizada para um aplicativo às barras de navegação do aplicativo móvel Salesforce e do aplicativo do Lightning Experience para permitir que seus usuários acessem facilmente os objetos e itens que são mais importantes nesse aplicativo.
Sua página inicial do aplicativo

Criar uma página de aplicativo

Vamos criar uma página inicial de aplicativo para uma equipe de vendas.

Sua equipe de vendas precisa ver os principais negócios no pipeline com uma interface visual que facilite a absorção dos detalhes principais em uma só olhada. Eles querem ver as oportunidades mais recentes que visualizaram e poder acessar os detalhes de registro com um único toque ou clique. E querem recursos que registrem chamadas e criem contas e oportunidades instantaneamente.

Vamos começar!

  1. Em Configuração, insira App Builder na caixa Busca rápida e selecione Criador de aplicativo Lightning.
  2. Clique em Novo.
  3. Selecione Página de aplicativo e clique em Avançar.
  4. Dê à sua página do Lightning o nome Principais contas e oportunidades.
  5. Selecione o modelo Duas regiões e clique em Concluir.
    Se o guia passo a passo do Criador de aplicativo Lightning aparecer, ignore-o.
  6. Arraste o componente Modo de exibição de lista até à primeiro região.
  7. No painel de propriedades, em Filtro, selecione Conta para o objeto, selecione o filtro Clientes de SLA Platinum e Gold e defina o número de registros para exibir como 5.
  8. Adicione um componente de Itens recentes à segunda região.
  9. No painel de propriedades do componente Itens recentes, clique em Selecionar e adicione o objeto Oportunidade a ele.
  10. No painel de propriedades, clique em Página, clique em Selecionar e adicione essas ações à página.
    • Registro de chamada
    • Nova conta
    • Nova oportunidade
      Você só pode adicionar ações globais a uma página de aplicativo do Lightning.
  11. Na barra de ferramentas, mude o modo de exibição para Tablet-Paisagem.
  12. Clique em Salvar e em Ainda não.

Página inicial do Lightning para um aplicativo

Agora que você criou a sua página, está quase pronto para adicioná-la ao Lightning Experience e ao aplicativo móvel.

Adicionar sua página de aplicativo ao Lightning Experience e ao aplicativo móvel Salesforce

Assim como nas outras páginas, seus usuários não podem acessar sua página de aplicativo enquanto você não ativá-la. Durante a ativação, você pode personalizar o rótulo da guia personalizada da página, ajustar sua visibilidade e definir sua posição nas barras de navegação do aplicativo móvel Salesforce e do aplicativo do Lightning Experience, tudo em um só lugar.

  1. Clique em Ativação.
  2. Não mude o nome do aplicativo. O rótulo que você dá à página do Lightning é usado como o rótulo da guia personalizada por padrão.
  3. Mude o ícone para o ícone de raio azul. O ícone que você escolhe aqui é usado como o ícone da página no aplicativo móvel e no Lightning Experience.
  4. Mantenha a visibilidade da guia aberta a todos os usuários.
    A configuração Ativar somente para administradores do sistema é útil enquanto você está trabalhando na sua página do Lightning. A restrição da sua página a administradores significa apenas que você pode ver e testar a página, mas seus usuários não podem vê-la até que você esteja pronto para apresentá-la.
  5. Clique na guia Lightning Experience.
  6. Selecione o aplicativo Vendas e clique em Adicionar página ao aplicativo. Página de ativação de aplicativo do Lightning Experience A página que você está adicionando ao menu aparece em segundo lugar por padrão. Vamos deixá-la aqui. Ao colocá-la em primeiro lugar, ela se torna a página de destino de todos os usuários do Lightning Experience.
  7. Clique na guia Navegação móvel.
  8. Selecione Menu de navegação móvel e clique em Adicionar página ao aplicativo.
    Isso adiciona a página do aplicativo à navegação móvel no aplicativo “Somente dispositivos móveis” do Lightning no aplicativo móvel Salesforce. Adicionar a página ao aplicativo Vendas no Lightning Experience, como fizemos antes, garante que a página do aplicativo também apareça no aplicativo Vendas que se encontra no aplicativo móvel Salesforce.

    Por padrão, novas páginas adicionadas à navegação no aplicativo “Somente dispositivos móveis” aparecem abaixo do item de menu Itens de pesquisa inteligente. Se você deixar a página Principais contas e oportunidades aqui, ela aparecerá na seção Aplicativos do menu do Salesforce. Não queremos que isso aconteça, então vamos movê-la.

  9. Arraste a página para baixo do item de menu Hoje. Ativar sua Página do Lightning
  10. Clique em Salvar.
A página inicial do aplicativo agora está pronta para os usuários do Salesforce móvel e do Lightning Experience!

Testar sua página de aplicativo no Lightning Experience

Você criou sua página e a ativou. Agora vamos ver como ela funciona na prática!

  1. Se você ainda estiver no Criador de aplicativo, clique em Voltar para retornar à Configuração.
  2. No Iniciador de aplicativos (Ícone do Iniciador de aplicativos), encontre e selecione Vendas.
  3. Clique em Principais contas e oportunidades na barra de navegação do aplicativo.
    Veja sua página do Lightning! O ícone de raio também aparece aqui e as três ações que você adicionou estão no painel de destaques. Sua página de aplicativo no Lightning Experience

Testar sua página de aplicativo no aplicativo móvel Salesforce

Agora vamos dar uma olhada nela em seu telefone.

  1. Abra o aplicativo móvel Salesforce.
  2. Entre usando suas credenciais do Trailhead Playground. (Caso você não saiba suas credenciais do Trailhead Playground, consulte este artigo.
  3. No menu, toque no Iniciador de aplicativos e abra o aplicativo Vendas.
    Talvez seja necessário abrir e atualizar o menu do aplicativo Vendas para ver as alterações.
  4. Toque em Principais contas e oportunidades.
    Veja sua página do Lightning! Ela tem o ícone de raio que você escolheu e as três ações que você adicionou estão na barra de ação. Página inicial do aplicativo em um telefone
  5. Brinque com a sua página. Role para cima e para baixo a fim de ver os componentes e toque em um ícone de ação para ver o que acontece.