Criar uma página inicial do Lightning para um aplicativo
Objetivos de aprendizagem
- 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
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.
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:
A página inicial do Lightning para um 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!
- Em Configuração, insira
Criador de aplicativona caixa Busca rápida e selecione Criador de aplicativo Lightning. - Clique em Novo.
- Selecione Página de aplicativo e clique em Avançar.
- Dê à sua página do Lightning o nome
Principais contas e oportunidades. - Selecione o modelo Two Regions (Duas regiões) e clique em Done (Concluir).
Se o guia passo a passo do Criador de aplicativo Lightning aparecer, ignore-o. - Arraste o componente Modo de exibição de lista até à primeira região.
- No painel de propriedades, 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.
- Adicione um componente de Itens recentes à segunda região.
- No painel de propriedades do componente Itens recentes, clique em Selecionar e configure a lista selecionada para conter somente Oportunidade.
- 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.
- Na barra de ferramentas, mude o modo de exibição para Tablet-Paisagem.
- Clique em Salvar e em Ainda não.
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.
- Clique em Ativação.
- 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.
- 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.
- 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. - Clique na guia Lightning Experience.
- Selecione o aplicativo Vendas e clique em Adicionar página ao aplicativo.
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. - Clique na guia Navegação móvel.
- Selecione Mobile Navigation Menu (Menu de navegação móvel) e clique em Add page to app (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 para cima.
- Arraste a página para baixo do item de menu Hoje.
- Clique em Salvar.
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!
- Se você ainda estiver no Criador de aplicativo, clique em Voltar para retornar à Configuração.
- No App Launcher (Iniciador de aplicativos) (
), encontre e selecione Sales (Vendas). - Clique em Top Accounts and Opportunities (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.
Testar sua página de aplicativo no aplicativo móvel Salesforce
Agora vamos dar uma olhada nela em seu telefone.
- Abra o aplicativo móvel Salesforce.
- Entre usando suas credenciais do Trailhead Playground. (Caso você não saiba suas credenciais do Trailhead Playground, consulte este artigo.)
- 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. - Toque em Top Accounts and Opportunities (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.
- 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.
