Como criar e personalizar aplicativos Lightning com o Lightning App Builder

Publicados: 2024-04-03

Embarcar em uma jornada de construção de aplicativos muitas vezes evoca imagens de códigos complexos, longas horas de codificação e amplo conhecimento de codificação.

Mas criar um aplicativo inteiro rapidamente, mesmo sem experiência anterior, agora é possível graças ao Lightning App Builder da Salesforce.

Seja você um novato ou alguém que deseja se aprofundar na criação de aplicativos, esta postagem do blog servirá como um santo graal para a criação de aplicativos relâmpago personalizados.

Juntos, vamos descobrir as etapas fundamentais para criar e personalizar aplicativos Lightning para iniciar sua aventura na criação de aplicativos Lightning.

Vamos começar com o básico.

O que é o Salesforce Lightning App Builder?

Salesforce Lightning é uma estrutura baseada em componentes projetada especificamente para o desenvolvimento de aplicativos Salesforce. Seu principal objetivo é agilizar e simplificar os procedimentos de desenvolvimento de aplicativos no Salesforce para usuários empresariais, especialmente aqueles sem experiência em programação.

Esteja você criando uma ferramenta simples ou um sistema sofisticado, o Lightning App Builder da Salesforce permite que você:

  • Desenvolva aplicativos personalizados sem amplo conhecimento de codificação.
  • Projete aplicativos que atendam com precisão aos seus requisitos, permitindo moldar seu ambiente Salesforce de acordo com suas necessidades.
  • Crie aplicativos personalizados sem problemas.
  • Crie aplicativos montando componentes como campos, botões, listas e outros elementos na interface.

    • Esses componentes podem ser componentes padrão do Salesforce ou elementos personalizados, oferecendo uma ampla gama de funcionalidades. A ferramenta também garante um design responsivo, permitindo que os aplicativos criados se adaptem perfeitamente a diversos dispositivos, incluindo desktops, tablets e celulares.

    Ao fornecer uma interface amigável e intuitiva, o Salesforce Lightning App Builder capacita os usuários do Salesforce a criar uma experiência Salesforce mais eficiente e personalizada.

    Por que escolher o Salesforce Lightning em vez do Classic para desenvolvimento de aplicativos?

    Como usuário do Salesforce, você provavelmente sabe que mudar para o Salesforce Lightning é mais do que apenas uma jogada inteligente – é uma decisão estratégica que traz uma infinidade de vantagens, especialmente para o desenvolvimento de aplicativos.

    Existem vários motivos convincentes para escolher o Salesforce Lightning em vez do Classic para desenvolvimento de aplicativos:

    Interface moderna e intuitiva:

  • O Lightning oferece uma interface limpa e fácil de usar, mais moderna e esteticamente agradável do que o layout repleto de guias do Classic. Isso pode levar ao aumento da adoção e produtividade do usuário.

    • Design que prioriza dispositivos móveis:

  • O Lightning foi desenvolvido com uma abordagem que prioriza os dispositivos móveis, garantindo que seus aplicativos tenham aparência e funcionem perfeitamente em todos os dispositivos, de desktops a smartphones. Isto é crucial no mundo atual centrado em dispositivos móveis.

    • Flexibilidade e Personalização:

  • O Lightning oferece maior flexibilidade e opções de personalização em comparação ao Classic. Você pode criar facilmente aplicativos e componentes personalizados usando Lightning Web Components, uma estrutura para criar elementos de UI reutilizáveis ​​e escalonáveis.

    • Performance melhorada:

  • Os aplicativos Lightning geralmente carregam mais rápido e têm melhor desempenho do que os aplicativos clássicos, graças à arquitetura otimizada e ao design moderno. Isso pode levar a uma experiência de usuário mais eficiente e agradável.

    • À prova de futuro:

  • A Salesforce está investindo ativamente no Lightning e lançando novos recursos e atualizações regularmente. Escolher o Lightning garante que seus aplicativos sejam desenvolvidos em uma plataforma preparada para o futuro.

    • Aqui está uma tabela que resume as principais diferenças entre o Lightning e o Classic para desenvolvimento de aplicativos:

    No geral, o Salesforce Lightning é o vencedor claro no desenvolvimento de aplicativos devido ao seu design moderno, recursos avançados, flexibilidade e natureza preparada para o futuro.

    Embora possa haver uma curva de aprendizado para desenvolvedores acostumados com o Classic, os benefícios do Lightning superam em muito o investimento inicial.

    Como criar aplicativos no Salesforce Lightning?

    O Lightning Experience do Salesforce tem duas partes principais: páginas do Lightning e componentes do Lightning.

    Para criar um novo aplicativo, clique no ícone de engrenagem no canto superior direito.

  • Se você já estiver em uma página do Lightning que deseja personalizar, selecione “Editar página” no menu de engrenagem.
  • Caso contrário, vá ao menu “Configurar” e pesquise “Lightning App Builder” para acessar a ferramenta.
    • Como criar e personalizar aplicativos integrados ao Lightening

    Uma vez no Lightning App Builder, uma página é aberta.

    Você verá suas páginas abertas quando desejar editar clicando no botão de edição. Isso abrirá a página na visualização do Lightning App Builder. A barra de ferramentas tem opções comuns como salvar, desfazer, recortar, copiar e colar. Além disso, você pode alternar entre visualizações em desktop e dispositivos móveis.

    O painel de propriedades mostra detalhes sobre a página ou componente em que você está trabalhando, adaptando-se ao que você está fazendo.

    Diferentes tipos de páginas:

    1. Página inicial: fornece uma visão geral das informações aos usuários, como gráficos/painéis, resumos ou listas de tarefas.

    2. Página do aplicativo: semelhante a uma página inicial, usada para aplicativos de página única ou de terceiros.

    3. Página de registro: dá acesso aos registros no Salesforce.

    O Lightning App Builder permite otimizar páginas para desktop e dispositivos móveis usando modelos de página. Você pode arrastar e soltar componentes nessas regiões.

    É principalmente uma ferramenta sem código, mas permite alguma codificação simples. Para recursos avançados ou modelos personalizados, você pode usar o componente Aura/componente web relâmpago.

    Como criar e personalizar aplicativos integrados ao Lightening

    Adicionando componentes:

    As páginas do Lightning organizam objetos, enquanto os componentes do Lightning são os próprios objetos.

    Você pode adicionar três tipos de componentes: padrão, personalizados e de terceiros. Os componentes padrão cobrem diversas necessidades feitas diretamente pelo Salesforce.

    Componentes personalizados e de terceiros exigem mais conhecimento e são adaptados para usos específicos.
    6. Clique em “Salvar”.

    Depois de adicionar componentes, organize-os conforme necessário e lembre-se de salvar e ativar manualmente seu aplicativo.

    Por último, para ativar, selecione o botão Ativação no canto superior direito.

    Como personalizar aplicativos Lightning?

    Agora que você criou seu aplicativo com sucesso, a vontade de personalizá-lo é natural, não é? Afinal, a personalização é a chave para distinguir seu aplicativo da infinidade criada na plataforma Lightning App.

    Quer saber como personalizar aplicativos criados no Lightning App Builder? Fique tranquilo, nós ajudamos você aqui mesmo!

    Etapas para criar uma página inicial personalizada:

    1. Vá para Configuração e pesquise “App Builder” na caixa Busca rápida e clique em Lightning App Builder.

    2. Clique em “Novo”, selecione “Página inicial” e clique em “Avançar”. podemos ter “Home Page, Record Page, App Page”, mas como estamos focando na Home Page, selecionaremos apenas Home Page.

    3. Siga as etapas do assistente:
    – Dê um nome à página (por exemplo, “Nova página inicial”).
    – Escolha o modelo “Página inicial padrão”.
    – Clique em “Concluído”.

    4. Você verá uma página inicial em branco onde poderá começar a construir. O painel de componentes possui componentes padrão para uma página inicial e quaisquer componentes personalizados instalados em sua organização.

    5. Arraste os componentes para diferentes regiões:
    – Coloque o componente Assistant no canto superior direito.
    – Coloque Desempenho no canto superior esquerdo.
    – Adicione os eventos de hoje no canto inferior esquerdo e as principais ofertas no canto inferior direito.
    – Coloque as tarefas de hoje acima do assistente .
    – Coloque as coisas de acordo com as necessidades do seu negócio.

    6. Clique em “Salvar”.

    Como criar e personalizar aplicativos integrados ao Lightening

    No entanto, apenas salvar a página não é suficiente para que os usuários a vejam. Você precisa ativar a página Lightning. Se você estiver pronto para compartilhá-lo com seus usuários:

    – Clique em “Ativar” para torná-lo visível para seus usuários.

    – Se você salvou anteriormente, mas não ativou, procure o botão “Ativação” na barra de ferramentas.

    É isso! Você criou e ativou sua página inicial personalizada para os usuários acessarem no Lightning Experience.

    Etapas para criar uma página de registro personalizada para o Lightning Experience e o aplicativo Salesforce Mobile

    1. Vá para Configuração, pesquise “App Builder” na caixa Busca rápida e selecione Lightning App Builder.

    2. Clique em “Novo”.

    3. Escolha “Record Page” e siga o assistente:

  • Rotule sua página (por exemplo, “Página de nova oportunidade”).
  • Selecione “Oportunidade” como objeto.
  • Escolha o modelo “Cabeçalho, Subcabeçalho, Barra Lateral Direita” e clique em “Concluído”.

    • 4. No painel de componentes, você encontrará uma coleção de componentes padrão e personalizados projetados para páginas de registro de oportunidade.

    5. Escolha “Sempre mostrar ícones” no menu de configurações para garantir que a visibilidade do componente permaneça consistente em vários dispositivos.

    6. Arraste os componentes para a página:

  • Coloque o Painel de Destaques na região superior para mostrar informações importantes.
  • Adicione o componente Path abaixo do painel de destaques.
  • Inclua um componente do Chatter na região inferior direita.
  • Insira um componente Tabs na região inferior esquerda e adicione abas.
    • Como criar e personalizar aplicativos integrados ao Lightening

    Personalizar guias:

  • Adicione uma nova guia e rotule-a (por exemplo, “Itens recentes”).
  • Crie guias adicionais como “Atividade” e “Relacionado” adicionando os respectivos componentes.
  • Organize a ordem das guias no painel de propriedades: Detalhes, Atividade, Itens Recentes e Relacionados .
  • Clique em “Salvar” e depois em “Ativar” para tornar a página personalizada visível aos usuários.
    • Como criar e personalizar aplicativos integrados ao Lightening

    7. Opções de ativação para a página Registro de oportunidade:

  • Padrão da organização: torne a página o padrão para todos os usuários da organização.
  • Padrão do aplicativo: defina a página como padrão para aplicativos específicos do Lightning.
  • Aplicativo, registro, tipo e perfil: atribua a página aos aplicativos Lightning, tipos de registro e perfis selecionados.
  • Atribuição de fator de forma: atribua a página a um tipo de dispositivo específico, como desktop ou telefone.

    • O resultado final

    O Salesforce Lightning oferece um horizonte amplo para criação e personalização de aplicativos, capacitando os usuários com uma plataforma intuitiva e dinâmica. Quando bem feito, a vasta gama de opções de personalização disponíveis no Salesforce Lightning abre portas para inovação e soluções personalizadas.

    Como criar e personalizar aplicativos integrados ao Lightening
    Pronto para liberar o poder do Salesforce Lightning e criar seus aplicativos exclusivos e de alto desempenho? Escreva para nós em [email protegido] e cuidaremos do assunto a partir daí.