Crie uma página do Now Experience Framework em Construtor de IU

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

Antes de Iniciar

Função necessária: administrador

Por Que e Quando Desempenhar Esta Tarefa

Você deve criar uma página do Now Experience Framework em UI Builder antes de configurar telas da web para dispositivos móveis que podem 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 para dispositivos móveis que usam Aplicativo para celular Bridge para aproveitar os recursos da plataforma em dispositivos móveis, consulte Configure telas da web para celular com Aplicativo para celular Bridge.

Procedimento

1. Navegar até Tudo > Estrutura do Now Experience > Construtor de IU.
2. Em Construtor de IU Página inicial, selecione Criar no canto superior direito.
3. Conclua Crie uma experiência e selecione Criar quando terminar.

   

   Nota:

   Selecione Base Experience Shell de UXR em IU do shell da aplicação lista suspensa.
4. Selecione Experiência em aberto e selecione Crie uma nova página .
5. Selecione Em vez disso, crie do zero .
   Para obter informações sobre como trabalhar com modelos ou como criar uma página do zero no 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 eles forem o que você deseja, selecione Bom visual .
8. Configure o nome da variante da página e o público ou aceite Padrão adicionar Condições se necessário, e selecione Criar .
9. Na página, selecione Abra 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 caixa de diálogo Pesquisar recursos de dados Aplicações , selecione now-mobile-app-bridge e, em seguida, em Recursos de dados , selecione Aplicativo para celular .

    

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

    Role a página para baixo para ver Adicionar se não estiver visível.
13. Adicione manipuladores de eventos para acionar Aplicativo para celular Bridge APIs para habilitar a funcionalidade nativa em telas de dispositivos 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 Componentes e selecione o tipo de botão que você deseja usar.

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

       

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

       Nota:

       Insira sysid de uma tela móvel válida no ID da tela campo:

       

    5. Ao terminar de configurar o manipulador de eventos, selecione Adicionar no canto inferior direito da caixa de diálogo.
14. Na página do editor do Now Experience Framework, 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:

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

O que Fazer Depois

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