Criar uma página da Estrutura do Now Experience no Construtor de IU

Para configurar telas da Web para dispositivos móveis que usam Aplicativo para celular Bridge para aproveitar um playbook em dispositivos móveis, a primeira etapa é criar uma página da Estrutura do Now Experience em Construtor de IU.

Antes de Iniciar

Função necessária: administrador

Por Que e Quando Desempenhar Esta Tarefa

Você deve criar uma página da Estrutura do Now Experience em UI Builder antes de configurar telas da Web para dispositivos móveis que possam aproveitar um playbook em dispositivos móveis. Depois de configurar a página, você deve configurar uma tela da Web em Construtor de apps para celular (MAB). Para obter detalhes sobre como configurar telas da web móvel que usam Aplicativo para celular Bridge para aproveitar recursos da plataforma em dispositivos móveis, consulte Configurar telas da web móvel com Aplicativo para celular Bridge.

Procedimento

1. Navegar até Tudo > Estrutura do Now Experience > Construtor de IU.
2. Na página inicial Construtor de IU, selecione Criar no canto superior direito.
3. Preencha a caixa de diálogo Criar uma experiência e selecione Criar quando terminar.

   

   Nota:

   Selecione UXR Base Experience Shell na lista suspensa IU do shell da aplicação.
4. Selecione Abrir experiência e Criar uma nova página.
5. Em vez disso, selecione Criar do zero.
   Para obter informações sobre como trabalhar com modelos ou criar uma página do zero em Construtor de IU, consulte Customize the Playbook Experience.
6. Nomeie a página e selecione Continuar.
7. Revise os parâmetros de URL e, se forem o que você deseja, selecione Parece bom.
8. Configure o nome da variante de página e o público ou aceite Padrão, adicione Condições se necessário e selecione Criar.
9. Na página, selecione Abrir no editor no canto superior direito.
10. Selecione o ícone de dados no lado esquerdo da página para iniciar a caixa de diálogo Recursos de dados e selecione +Adicionar.
11. Na coluna Aplicações da caixa de diálogo Pesquisar recursos de dados, selecione @servicenow/now-mobile-app-bridgee, em seguida, na coluna Recursos de dados, selecione Aplicativo para celular.

    

12. No canto inferior direito da caixa de diálogo, selecione Adicionar para adicionar o recurso de dados Aplicativo para celular Bridge à página.
    Nota:

    Role a página para baixo para ver o botão Adicionar se ele não estiver visível.
13. Adicione manipuladores de eventos para acionar Aplicativo para celular Bridge APIs para habilitar a funcionalidade nativa em telas móveis.
    Por exemplo, se você quiser que um evento seja acionado para um botão no dispositivo móvel:

    1. Selecione Corpo no lado esquerdo da página do editor e selecione Adicionar componente.

       

    2. Selecione a guia Componentes e selecione o tipo de botão que deseja usar.

    3. Selecione o componente de botão que você acabou de adicionar no corpo da página, selecione a guia Eventos na caixa de diálogo à direita e selecione Adicionar manipulador de eventos.

       

    4. Na caixa de diálogo Selecionar manipulador de eventos abaixo..., selecione um dos manipuladores de eventos em Aplicativo para celular 1e configure-o.

       Nota:

       Certifique-se de inserir o sysid de uma tela móvel válida no campo ID da tela :

       

    5. Quando terminar de configurar o manipulador de eventos, selecione Adicionar no canto inferior direito da caixa de diálogo.
14. Na página do editor da Estrutura do Now Experience, selecione Salvar no canto superior direito para salvar a página.
    Para obter informações sobre como configurar um playbook, consulte Customize the Playbook Experience.

    Nota:

    O método getTitle() na API GlideListProperties não está disponível em Aplicativo para celular Bridge para configurar páginas Next Experience (sísmicas).

O que Fazer Depois

Depois de criar a página da Estrutura do Now Experience, você deve criar uma tela da Web para dispositivos móveis em MAB. Em seguida, você deve adicionar o URL da página da Estrutura do Now Experience à configuração da tela da Web para dispositivos móveis em MAB. Para obter detalhes sobre como concluir esta configuração, consulte a Etapa 2 em Configurar telas da web móvel com Aplicativo para celular Bridge.