Usar o Visualforce no Lightning Experience
Como os Componentes Web do Lightning são a maneira preferida de criar uma interface do usuário com o Salesforce, visite a trilha Migrar do Visualforce para os Componentes Web do Lightning para aprender a usar o LWC e cumprir os padrões atuais da Web. Caso contrário, continue com esse emblema para saber mais sobre o Visualforce.
Objetivos de aprendizagem
Após concluir esta unidade, você estará apto a:
- Identificar dois aspectos de alto nível que você precisa ter em mente com relação às páginas do Visualforce antes de utilizá-las no Lightning Experience.
- Listar pelo menos cinco lugares onde você pode usar o Visualforce no Lightning Experience.
Usar o Visualforce no Lightning Experience
O Lightning Experience é uma interface de usuário totalmente nova para sua organização do Salesforce, mas isso não significa que os aplicativos do Visualforce deixam de funcionar. As páginas do Visualforce funcionam no Lightning Experience, muitas sem qualquer revisão. No entanto, algumas coisas mudaram de lugar e existem algumas coisas que você deve concluir para ter a certeza de que suas páginas do Visualforce funcionarão da maneira esperada quando seus usuários alternarem entre o Lightning Experience e o Salesforce Classic. Além disso, há alguns recursos que ainda não funcionam no Lightning Experience. Vamos explicar tudo isso a você neste módulo.
Vamos começar com alguns detalhes básicos. Esses tópicos serão abordados em detalhe mais tarde, mas comecemos já por falar de alguns itens essenciais.
- Com algumas exceções importantes, o Visualforce “simplesmente funciona” no Lightning Experience. Se você já escreveu aplicativos do Visualforce para sua organização, é esperado que eles funcionem quando os usuários os acessam tanto no Lightning Experience quanto no Salesforce Classic.
- Se as suas páginas do Visualforce usam os componentes padrão integrados, elas terão uma aparência final semelhante à do Salesforce Classic, independentemente de serem acessadas pelos usuários no Lightning Experience ou no Salesforce Classic. Se quiser que suas páginas correspondam ao estilo do Lightning Experience, há muito a fazer.
- Se suas páginas do Visualforce usam JavaScript, há alguns aspectos que precisam ser verificados. Como o Visualforce não “domina” a página inteira quando esta é exibida no Lightning Experience, o código JavaScript deve ser executado com base em algumas regras novas.
- Existem outras mudanças em relação à execução do Visualforce quando executado dentro do Lightning Experience. Na maioria das vezes, elas estão “funcionando no limite”, mas é bom que você as conheça.
Por fim, já dissemos que algumas coisas mudaram de lugar? Com certeza! O Lightning Experience é uma mudança de direção total em relação a como usar o Salesforce e, embora o trabalho ainda não esteja concluído, estamos muito empolgados com a perspectiva. Para orientá-lo em relação a onde o Visualforce fica no novo ambiente, vamos fazer um breve tour dos lugares onde você pode usar o Visualforce no Lightning Experience.
Onde você pode usar o Visualforce no Lightning Experience
Assim como no caso do Salesforce Classic, você pode estender o Lightning Experience com suas páginas e seus aplicativos personalizados do Visualforce. Mas o local onde você os encontra mudou, e ainda há alguns lugares onde você não pode colocar o Visualforce.
Abaixo, estão algumas maneiras que você pode usar para adicionar o Visualforce à sua organização Lightning Experience. Este, porém, é apenas um rápido tour. Para obter mais detalhes sobre como personalizar sua organização usando páginas do Visualforce, consulte os recursos no fim desta unidade.
Abrir uma página do Visualforce a partir do Iniciador de aplicativos
Seus aplicativos e guias personalizadas do Visualforce estão todos disponíveis no Iniciador de aplicativos. Para abrir o Iniciador de aplicativos, clique em 
na barra de navegação. Para ver todos os seus aplicativos e itens, selecione View All (Exibir tudo).
Clique em um aplicativo personalizado (1) para ativá-lo. Os itens no aplicativo são exibidos na barra de navegação, inclusive guias do Visualforce que você tenha adicionado ao aplicativo. Observe que você precisa adicionar suas páginas do Visualforce às guias para que elas possam ser acessadas no Iniciador de aplicativos. As guias do Visualforce que não estão em aplicativos podem ser encontradas em Todos os itens (2).
Adicionar uma página do Visualforce à barra de navegação
Conforme descrito no exemplo anterior, você pode adicionar guias do Visualforce a um aplicativo e exibi-las como itens na barra de navegação do aplicativo.
(Ei, e o que você acha de uma página de utilitários “ForceUI”? Parece interessante? Continue lendo este módulo!)
Exibir uma página do Visualforce em um layout de página padrão
Estenda seus layouts de página incorporando páginas do Visualforce a eles para exibir conteúdo totalmente personalizado em uma página padrão. O comportamento aqui é idêntico ao do Salesforce Classic, exceto pelo fato de que você precisa visualizar os Detalhes do registro para ver o layout de página.
Adicionar uma página do Visualforce como um componente no Criador de aplicativo Lightning
Ao criar uma página de aplicativo personalizado no Criador de aplicativo Lightning, você pode adicionar uma página do Visualforce a essa página usando o componente do Visualforce.
Você precisa ativar a opção “Available for Lightning Experience, Lightning Communities, and the mobile app” (Disponível para Lightning Experience, comunidades do Lightning e aplicativo móvel) para uma página do Visualforce para disponibilizá-la no Criador de aplicativo Lightning.
Lançar uma página do Visualforce como uma ação rápida
Embora seu posicionamento na interface de usuário do Lightning Experience seja bastante diferente daquele no Salesforce Classic, o processo para se adicionar ações rápidas é basicamente o mesmo. Adicione-as à área apropriada do editor no layout de página do objeto.
Exibir uma página do Visualforce substituindo links ou botões padrão
Você pode substituir as ações disponíveis em um objeto por uma página do Visualforce. Quando o usuário clica em um botão ou link que foi substituído, sua página é exibida no lugar da página padrão. Essa configuração é feita da mesma forma que no Salesforce Classic. Na verdade, é possível que você nem se lembre de que está no Lightning Experience quando definir uma substituição de ação!
Exibir uma página do Visualforce usando links ou botões personalizados
Você pode criar novas ações para seus objetos, na forma de botões e links, definindo-as em um objeto. O Lightning Experience não dá suporte a botões nem links JavaScript, mas dá a itens do Visualforce (e URLs). O processo de definição de botões e links do Visualforce é idêntico àquele do Salesforce Classic; então, não vamos nos dar ao trabalho de mostrá-lo aqui.
Recursos
- Trailhead: “Como encontrar: Navigation and Setup in Lightning Experience” in Lightning Experience Features
- Trailhead: Personalização de aplicativo lite
- Trailhead: Lightning App Builder
- Trailhead: Noções básicas do Visualforce
- Visualforce Developer Guide
- Build Apps Visually with Lightning App Builder