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
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 Exibir tudo.
na barra de navegação. Para ver todos os seus aplicativos e itens, selecione 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
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 “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!
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’s Guide
- Build Apps Visually with Lightning App Builder