---
title: "Integração Hi Chat / App Mobile (WebView)"
slug: "integracao-hichat-app-mobile-webview"
updated: 2021-01-04T20:58:20Z
published: 2021-01-04T20:58:20Z
canonical: "help.hiplatform.com/integracao-hichat-app-mobile-webview"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://help.hiplatform.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Integração Hi Chat / App Mobile (WebView)

## Integração do Chat a aplicativos móveis

Este documento especifica como realizar a integração do sistema Hi Platform (Chat) à aplicativos desenvolvidos para plataformas móveis.

Vamos utilizar o recurso de `WebView` para abrir a interface de atendimento à partir da aplicação.

## Integração via Webview

O uso do chat via `WebView` é simples. O componente `WebView` abrirá a mesma página HTML que é aberta pelo website para o atendimento via chat.

Pontos de atenção com relação à experiência do consumidor através desse modelo de atendimento via aplicativo:

- Caso exista fila o usuário terá que esperar existir um operador disponível;
- Não será possível enviar mensagens fora do horário de atendimento;
- Caso ele mude de aplicação no dispositivo móvel durante o atendimento a sessão poderá ser encerrada e ele terá que iniciar um novo atendimento.

## Implementação

Adicionando uma `WebView` na aplicação. Vamos tomar como exemplo os sistemas `ANDROID`, apenas para ilustrar a implementação, no entanto esse mesmo modelo poderá ser aplicado em outras plataformas onde deverá ser respeitada a linguagem específica da plataforma.

Para adicionar uma `WebView` na aplicação devemos incluir o componente no layout da aplicação. Por exemplo:

```
<?xml version="1.0" encoding="utf-8"?>
<WebView  xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/webview"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
/>
```

Para carregar a `WebView` usamos `loadUrl()`. Por exemplo:

```
WebView myWebView = (WebView) findViewById(R.id.webview);
myWebView.loadUrl("https://wwwXX.directtalk.com.br/chat31/?idd=88D30000000000000000");
```

*IMPORTANTE: a URL do Chat para publicação poderá ser obtida no Módulo Supervisor, no departamento que deseja acionar, aba “Configurações” -> “Chat” -> “URL ou botão de atendimento”. [Clique aqui para saber mais](https://help.hiplatform.com/docs/configure-a-url-ou-botao-de-atendimento-do-hi-chat).*

Lembramos que para o correto funcionamento do Chat a aplicação deverá ter acesso à Internet. Para garantir o acesso à internet solicite permissão no arquivo de manifesto. Por exemplo:

```
<manifest ... >
    <uses-permission android:name="android.permission.INTERNET" />
    ...
</manifest>
```

Também precisamos garantir a habilitação do JavaScript na `WebView`. Lembramos que o JavaScript está desabilitado por padrão na `WebView`. Podemos habilitá-la através das WebSettings. Por exemplo:

```
WebView myWebView = (WebView) findViewById(R.id.webview);
WebSettings webSettings = myWebView.getSettings();
webSettings.setJavaScriptEnabled(true);
```

## Uso no call center

O atendimento a consumidores em dispositivos móveis acontecerá de forma totalmente integrada ao sistema Chat, simplificando a implantação e reduzindo custos. Para os atendimentos em dispositivo móvel será possível:

- ter os mesmos relatórios e monitoria presentes atualmente;
- ter relatórios e indicadores específicos;
- distribuir os atendimentos a atendentes de forma inteligente, compartilhando atendentes com atendimentos via chat no website.