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

  • Versão de lançamento: Washingtondc
  • Atualizado 1 de fev. de 2024
  • 3 min. de leitura

    • 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 da estrutura do Now Experience em Construtor de IU.

    Antes de Iniciar

    Função necessária: admin

    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 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 Configurar telas da Web para dispositivos móveis com Aplicativo para celular Bridge.

    Procedimento

    1. Navegar até Todos > 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.

      Caixa de diálogo do Construtor de IU na qual você pode nomear sua página da Estrutura do Now Experience, especificar funções para ela e especificar a IU do shell da aplicação.

      Nota:
      Selecione Shell de experiência base de UXR na lista suspensa IU de shell da aplicação.
    4. Selecione Abrir experiência e, em seguida, selecione 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 Playbook Experience.
    6. Nomeie a página e selecione Continuar.
    7. Revise os parâmetros de URL e, se forem os desejados, 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, na coluna Recursos de dados, selecione Aplicativo para celular.

      Caixa de diálogo "Pesquisar recursos de dados" mostrando a seleção de @servicenow/now-mobile-app-bridge > Aplicativo para celular e, em seguida, selecionando o botão Adicionar.

    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 APIs Aplicativo para celular Bridge 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.

        Interface do usuário do Construtor de IU mostrando como adicionar um componente.

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

      3. Selecione o componente do 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.

        Interface do usuário do Construtor de IU mostrando como selecionar a opção "Configurar o componente manualmente".

      4. Na caixa de diálogo Selecionar manipulador de eventos abaixo..., selecione um dos manipuladores de eventos no 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 :

        Interface do usuário do Construtor de IU mostrando onde adicionar o sysid da tela móvel 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 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 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 do Now Experience Framework, 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 móvel em MAB. Para obter detalhes sobre como concluir esta configuração, consulte a Etapa 2 em Configurar telas da Web para dispositivos móveis com Aplicativo para celular Bridge.