Funcionalidade baseada em Webview

O que é?

Uma WebView é um componente de software que permite a exibição de conteúdo da web dentro de um aplicativo móvel ou desktop. Ela é comumente utilizada no desenvolvimento de aplicativos para permitir a incorporação de páginas da web ou conteúdo web interativo em um aplicativo.

Uma WebView é essencialmente um navegador embutido dentro do aplicativo, que permite a exibição de páginas da web em um formato mais restrito e controlado. Ela oferece a capacidade de carregar e exibir conteúdo HTML, CSS e JavaScript, assim como uma página web em um navegador tradicional, mas dentro do contexto do aplicativo.

As WebViews são amplamente utilizadas em aplicativos móveis, especialmente em plataformas como Android e iOS, onde permitem a criação de interfaces de usuário híbridas que combinam elementos nativos e conteúdo web. Isso é útil para exibir sites, conteúdo dinâmico, formulários web, mapas, serviços de autenticação, exibições de documentos e muito mais, diretamente dentro do aplicativo.

Disponibilizando uma Webview

Para disponibilizar uma webview na plataforma do Mosia Omnichannel é preciso:

 

1 - Em “Ferramentaria” > “Funcionalidades Customizadas” vá em “novo”

  • Defina a “descrição”, “canais de atendimento” (App), “tipo”(Datasouce - Webviews), “URL”(insira a url da sua webview - https://operadoradesaude.com.br)

 

2 - Configurar uma ocorrência (clique aqui para saber como criar uma ocorrência de autoatendimento).

3 - A partir disso você terá criado sua nova funcionalidade do tipo webview e estará disponível no configurador público no container de Sandbox, agora vamos vincular a ocorrência a funcionalidade criada.

  • Na funcionalidade criada vá em editar (icone de lapis)

4- Na aba “parametros” em “idTipoOcorrência” vincule a ocorrencia criada anteriormente.

Em alguns casos, você pode querer ocultar o cabeçalho da webview aberta dentro do app, para uma experiência mais imersiva.

Também é possível manter o cabeçalho, porém remover o botão voltar, evitando que o usuário saia de sua rotina no “meio do caminho”.

Para realizar tal ação, configure os parâmetros exibeBotaoVoltar e exibeHeader conforme sua necessidade.

IMPORTANTE: Os parâmetros podem não estar presentes em webviews configuradas antes de 26/06/2023. Nesses casos, é necessário criar uma nova funcionalidade customizada do tipo webview.

Parâmetros:

  • exibeBotaoVoltar

  • exibeHeader

 

5 - Vá em “Segurança” > "Cadastro de Origens” > “Nova Origem” e permita a renderização da funcionalidade para o domínio da webview.

5.1 - Cadastre a funcionalidade criada preenchendo os campos:

1- Funcionalidade: vamos selecionar este campo para liberar nossa webview

2- Funcionalidades ativas ou preparadas: selecione a funcionalidade de webview recem criada

3- Descrição: defina uma descrição para este cadastro de origem

4- Origem: defina aqui a origem (IP - do serviço/servidor, Domínio - operadora.com.br ou liberar todas as origens - 0.0.0.0 )

6 - Por ultimo mas não menos importante, basta arrasta a funcionalidade para ativa-la

Conclusão

Sua webview está pronta para ser utilizada no seu app de sandbox.