--- sourceDocument: Yokohama Mobile Configuração e navegação sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/pt-BR/yokohama/mobile Release : - yokohama ft:locale : - pt-BR ft:publication_title : - Yokohama Mobile Configuração e navegação ft:clusterId : - mobile bundleId : - mobile workflow : - Platform --- # Crie uma página do Now Experience Framework em Construtor de IU # Crie uma página do Now Experience Framework em Construtor de IU {#ariaid-title1} * Versão de lançamento: Yokohama * * Atualizado 30 de jan. de 2025 * * ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 3 min. de leitura Para configurar telas da web móveis que usam Aplicativo para celular Bridgepara aproveitar um playbookEm 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](https://www.servicenow.com/docs/access?context=ui-builder-overview&version=yokohama&pubname=yokohama-application-development&ft:locale=en-US)antes que você possa configurar telas da web para dispositivos móveis que podem aproveitar um playbookem 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 Bridgepara aproveitar os recursos da plataforma em dispositivos móveis, consulte [Configure telas da web para dispositivos móveis com Aplicativo para celular Bridge](https://servicenow-prod.fluidtopics.net/Ogf7k7ZBCTLI_loW3qrv7g "Configure telas da web para dispositivos móveis com Aplicativo para celular Bridgepara habilitar páginas sísmicas, páginas da web clássicas ou páginas do portal de serviços hospedadas em exibições da web integradas. Usando este recurso, você pode acessar a funcionalidade móvel nativa em ServiceNow Mobileapps."). ## Procedimento 1. Navegar até TudoEstrutura do Now ExperienceConstrutor de IU. 2. Em Construtor de IUPágina inicial, selecione Criar no canto superior direito. 3. Conclua o. Crie uma experiência e selecione Criar quando terminar. Nota: Selecione UXR Base Experience Shell em IU do shell da aplicação lista suspensa. 4. Selecione Abrir experiência e, em seguida, 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 em Construtor de IU, consulte . 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 aspeto . 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 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 caixa de diálogo Pesquisar recursos de dados Aplicações coluna, selecione now-mobile-app-bridge e, em seguida, em Recursos de dados coluna, selecione Aplicativo para celular . 12. No canto inferior direito da caixa de diálogo, selecione Adicionar para adicionar o. Aplicativo para celular Bridgerecurso 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 ao gatilho Aplicativo para celular BridgeAPIs 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 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 Adicione manipulador de eventos . 4. Em Selecione o manipulador de eventos abaixo... , selecione um dos manipuladores de eventos em Aplicativo para celular 1 e, em seguida, configure-o. Nota: Certifique-se de inserir sysid de uma tela móvel válida no ID da tela campo: 5. Quando terminar de configurar o manipulador de eventos, selecione Adicionar no canto inferior direito da caixa de diálogo. {#mob-playbk-create-playbk-pg__ol_j2q_bhb_txb} 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 . Nota: . GetTitle() O método na API GlideListProperties não está disponível em Aplicativo para celular Bridgepara configurar Next Experience(Sísmica). ## 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 para celular em MAB. Para obter detalhes sobre como concluir esta configuração, consulte a Etapa 2 em [Configure telas da web para dispositivos móveis com Aplicativo para celular Bridge](https://servicenow-prod.fluidtopics.net/Ogf7k7ZBCTLI_loW3qrv7g "Configure telas da web para dispositivos móveis com Aplicativo para celular Bridgepara habilitar páginas sísmicas, páginas da web clássicas ou páginas do portal de serviços hospedadas em exibições da web integradas. Usando este recurso, você pode acessar a funcionalidade móvel nativa em ServiceNow Mobileapps.").