Erros na funcionalidade Página Web
A página web é uma das funcionalidades disponíveis na plataforma da Fabapp para construção de um app. Entretanto, é preciso tomar cuidado com alguns detalhes importantes que podem prejudicar o funcionamento dessa funcionalidade.
Neste artigo, vamos mostrar como corrigir alguns problemas na página web e mostrar o porquê alguns sites funcionam e outros não.
Inserindo um site em seu aplicativo
Durante a construção de seu app, você pode inserir sites no app da Fabapp pela função página web. Este recurso funciona de forma bem simples! Basta arrastar a aba página web para sem app, depois disso pode inserir o link desejado, clicar em "Salvar" e por fim em "Publicar", para enviar o link para aplicativo.
Como neste exemplo:
Caso prefira, pode seguir este artigo, para prosseguir:
Erros ao inserir sites
Se você inseriu um site na página, mas recebeu mensagens de erro, como esta abaixo, é necessário verificar alguns pontos.
Primeiro é necessário que seu site tenha o certificado de segurança HTTPS;
Verifique se seu site possui alguma trava para uso em Iframes. Se não sabe o que isso significa, verifique com seu desenvolvedor ou com a plataforma que gera sites, como retirar travas para seu uso em iframes.
Por fim, teste o APK do seu app em um aparelho Android. Alguns sites podem não funcionar no editor da Fabapp, mas podem funcionar no Android, por isso recomendamos fortemente que instale o APK do seu app em seu aparelho Android. Caso não saiba como fazer essa etapa, pode seguir este artigo, para testar o APK. (Recomendamos que teste o APK e não instale o webapp do app, para testar funcionalidade página web).
Se a página web for a aba principal, mesmo no app instalado da Web, é possível que hajam problemas.
Fazendo seu site funcionar na página web
Em resumo, para ver a página web em seu plano funcionamento, você pode testar os pontos abaixo:
Insira seu site na página web;
Teste a página web dentro e fora, como a página principal
Teste o App instalado, mas evite instalar o webapp no celular quando quiser testar especificamente a página web. Desta forma, se seu site funcionou no navegador, vai funcionar na página web
Busque retirar travas para iframes do seu site.
Lembramos que essas causas estão linkadas com aps criados através da plataforma da Fabapp, mas não necessariamente são causados pela plataforma. Por vezes, trata-se de permissões e peculiaridades da própria página web em questão.
Lembre-se: em muitos casos, as páginas web foram criadas para abrirem e funcionarem plenamente apenas dentro de navegadores e não dentro de apps.
Em alguns casos será possível incluir a URL corretamente, mas em outros a visualização da página ficará em branco ou aparecerá um erro, por exemplo.
Em outros casos, a visualização da página web não funcionará no Web App (para uso no computador), mas funcionará no app baixado das lojas ou através do teste feito com o apk (que é o arquivo do app, disponibilizado na tela de Publicação se o Firebase já estiver ativado).
Busque por "Firebase" ou "Testar o app" nessa Central de ajuda para saber mais.
A Fabapp não presta suporte a respeito de checagem de URLs inseridas na funcionalidade Página Web.
Teste a funcionalidade antes de lançar o app
A funcionalidade "Página Web" gera muitas oportunidades. Essa gama de opções também pode ocasionar possíveis erros. Portanto, se for identificado que o app precisará de uma aba Página Web, teste se a funcionalidade funciona de acordo com a necessidade planejada e com as suas URLs. Teste o app através do Web App abrindo-o no computador e em dispositivos Android e iOS. Teste o arquivo do seu app nos dispositivos Android e, se possível, no app já publicado abrindo-o com dispositivos Android e iOS. Busque por "web app" e " Como testar o app antes de publicar" nessa Central de ajuda para saber mais.
Sites criados em criadores de site
Caso esteja inserindo uma URL criada em plataformas como Wix, WordPress etc, sugerimos que entre em contato com elas para que possa identificar os motivos pelos quais as URLs geradas não funcionam dentro de um app e, por fim, corrigi-las.
Sites com login
Essa questão é bastante delicada pois envolve requesitos de segurança. A autenticação ou seja, login no site inserido no app através da página web, pode não funcionar caso a sua URL (que contém acesso via login) não esteja configurada para abrir em um app. Nesse caso, converse com o desenvolvedor do seu site para que cheque o funcionamento da sua URL dentro de um app.
Certificado de segurança do site
Para o correto funcionamento da funcionalidade "Página Web", o site em questão (ou seja, a URL que será inserida dentro da funcionalidade) precisará ter um certificado de segurança: links http só aparecem se o app tiver publicado nas lojas. Na versão Web App, páginas com http não aparecem.
Já os links https podem aparecer tanto na versão web como a publicada. Não são todos os sites que funcionam dentro dessa funcionalidade. Por isso, sugerimos sempre um teste.
Basicamente, um certificado de segurança proporciona uma conexão segura com a Internet. Ele é de extrema importância, pois é o mínimo necessário para que o dono do app consiga fornecer aos seus clientes um ambiente seguro e que garanta a credibilidade do seu site ou app.
Whatsapp
A API do Whatsapp permite que se utilize uma função onde é possível criar em links onde o usuário pode iniciar uma conversa com o seu contato sem que ele tenha o seu número de Whatsapp salvo. Com esta função também é possível adicionar textos padrões para a o usuário enviar ao contato em questão, além de usar um botão do Whatsapp dentro do app, onde o usuário clica e é direcionada à conversa em questão.
Entretanto, muitos appers tentam usar o link da conversa numa aba Página Web, mas isso não funciona. O que indicamos na plataforma da Fabapp é incluir um botão de Whatsapp através da funcionalidade "Página em Branco".
Para isso, você vai precisar usar o seguinte código HTML dentro da "Página em Branco" inserida no app:
<a
href="#" style="text-decoration: none;"
onclick="window.open(
'http://api.whatsapp.com/send?1=pt_BR&phone=5500000000000',
'_system', 'location=yes'); return false;"
<img src="https://i.imgur.com/suCWxMs.png" style="width:10%;">
</a>
Configurações específicas do site
Alguns erros podem ocorrer ao inserir uma URL dentro da funcionalidade "Página Web". O mais comum é a tela ficar em branco, sem redirecionar para o site cuja URL foi inserida. Isso ocorre pois, no momento da programação do site inserido, foram feitas restrições de execução do site em Iframe. Para isso sugerimos que converse com quem criou o site.
Sites não responsivos
Muitas vezes a página web pode não abrir corretamente na tela do smartphone pois o site não foi criado para uso em celulares e ele acaba não sendo responsivo. Para isso, é muito importante prestar atenção no momento de criação do site para que restrições como essa não sejam impostas. Para tornar o site em questão responsivo sugerimos que converse com quem criou o site.
Download e PDF na página Web
Não é possível fazer download de arquivos através do app. Por isso, indicamos que hospede os arquivos em um Google Drive e use o link desse Drive na URL da funcionalidade "Página Web". É possível separar diversos arquivos em pastas no Google Drive e utilizar o link dessas pastas em várias abas de página Web.
Aba Principal
Nos casos de inclusão da funcionalidade "Página Web" como aba principal do app, alguns funcionamentos indesejados podem ocorrer. Isso pois pode ser que haja alguma limitação na URL do site inserido que o impossibilita de aparecer corretamente na aba principal do seu app. Para isso, entre em contato com nossa equipe para que possa te ajudar, caso possível.
Observações importantes
Sempre teste o comportamento do site, página ou formulário instalando o app em um celular Android e/ou iPhone, pois o comportamento das mesmas pode ser diferente do simulador fornecido pela Fabapp;
Sites ou páginas que exibem conteúdos distintos para celular podem não funcionar corretamente no simulador e funcionar no app;
Sites ou páginas mais complexas podem funcionar no Android e não no iPhone, e vice-versa;
Links de navegação que possuam domínio diferente da URL cadastrada serão abertos no navegador do celular.
Neste artigo, vamos mostrar como corrigir alguns problemas na página web e mostrar o porquê alguns sites funcionam e outros não.
Inserindo um site em seu aplicativo
Durante a construção de seu app, você pode inserir sites no app da Fabapp pela função página web. Este recurso funciona de forma bem simples! Basta arrastar a aba página web para sem app, depois disso pode inserir o link desejado, clicar em "Salvar" e por fim em "Publicar", para enviar o link para aplicativo.
Como neste exemplo:
Caso prefira, pode seguir este artigo, para prosseguir:
Erros ao inserir sites
Se você inseriu um site na página, mas recebeu mensagens de erro, como esta abaixo, é necessário verificar alguns pontos.
Primeiro é necessário que seu site tenha o certificado de segurança HTTPS;
Verifique se seu site possui alguma trava para uso em Iframes. Se não sabe o que isso significa, verifique com seu desenvolvedor ou com a plataforma que gera sites, como retirar travas para seu uso em iframes.
Por fim, teste o APK do seu app em um aparelho Android. Alguns sites podem não funcionar no editor da Fabapp, mas podem funcionar no Android, por isso recomendamos fortemente que instale o APK do seu app em seu aparelho Android. Caso não saiba como fazer essa etapa, pode seguir este artigo, para testar o APK. (Recomendamos que teste o APK e não instale o webapp do app, para testar funcionalidade página web).
Se a página web for a aba principal, mesmo no app instalado da Web, é possível que hajam problemas.
Fazendo seu site funcionar na página web
Em resumo, para ver a página web em seu plano funcionamento, você pode testar os pontos abaixo:
Insira seu site na página web;
Teste a página web dentro e fora, como a página principal
Teste o App instalado, mas evite instalar o webapp no celular quando quiser testar especificamente a página web. Desta forma, se seu site funcionou no navegador, vai funcionar na página web
Busque retirar travas para iframes do seu site.
Lembramos que essas causas estão linkadas com aps criados através da plataforma da Fabapp, mas não necessariamente são causados pela plataforma. Por vezes, trata-se de permissões e peculiaridades da própria página web em questão.
Lembre-se: em muitos casos, as páginas web foram criadas para abrirem e funcionarem plenamente apenas dentro de navegadores e não dentro de apps.
Em alguns casos será possível incluir a URL corretamente, mas em outros a visualização da página ficará em branco ou aparecerá um erro, por exemplo.
Em outros casos, a visualização da página web não funcionará no Web App (para uso no computador), mas funcionará no app baixado das lojas ou através do teste feito com o apk (que é o arquivo do app, disponibilizado na tela de Publicação se o Firebase já estiver ativado).
Busque por "Firebase" ou "Testar o app" nessa Central de ajuda para saber mais.
A Fabapp não presta suporte a respeito de checagem de URLs inseridas na funcionalidade Página Web.
Teste a funcionalidade antes de lançar o app
A funcionalidade "Página Web" gera muitas oportunidades. Essa gama de opções também pode ocasionar possíveis erros. Portanto, se for identificado que o app precisará de uma aba Página Web, teste se a funcionalidade funciona de acordo com a necessidade planejada e com as suas URLs. Teste o app através do Web App abrindo-o no computador e em dispositivos Android e iOS. Teste o arquivo do seu app nos dispositivos Android e, se possível, no app já publicado abrindo-o com dispositivos Android e iOS. Busque por "web app" e " Como testar o app antes de publicar" nessa Central de ajuda para saber mais.
Sites criados em criadores de site
Caso esteja inserindo uma URL criada em plataformas como Wix, WordPress etc, sugerimos que entre em contato com elas para que possa identificar os motivos pelos quais as URLs geradas não funcionam dentro de um app e, por fim, corrigi-las.
Sites com login
Essa questão é bastante delicada pois envolve requesitos de segurança. A autenticação ou seja, login no site inserido no app através da página web, pode não funcionar caso a sua URL (que contém acesso via login) não esteja configurada para abrir em um app. Nesse caso, converse com o desenvolvedor do seu site para que cheque o funcionamento da sua URL dentro de um app.
Certificado de segurança do site
Para o correto funcionamento da funcionalidade "Página Web", o site em questão (ou seja, a URL que será inserida dentro da funcionalidade) precisará ter um certificado de segurança: links http só aparecem se o app tiver publicado nas lojas. Na versão Web App, páginas com http não aparecem.
Já os links https podem aparecer tanto na versão web como a publicada. Não são todos os sites que funcionam dentro dessa funcionalidade. Por isso, sugerimos sempre um teste.
Basicamente, um certificado de segurança proporciona uma conexão segura com a Internet. Ele é de extrema importância, pois é o mínimo necessário para que o dono do app consiga fornecer aos seus clientes um ambiente seguro e que garanta a credibilidade do seu site ou app.
A API do Whatsapp permite que se utilize uma função onde é possível criar em links onde o usuário pode iniciar uma conversa com o seu contato sem que ele tenha o seu número de Whatsapp salvo. Com esta função também é possível adicionar textos padrões para a o usuário enviar ao contato em questão, além de usar um botão do Whatsapp dentro do app, onde o usuário clica e é direcionada à conversa em questão.
Entretanto, muitos appers tentam usar o link da conversa numa aba Página Web, mas isso não funciona. O que indicamos na plataforma da Fabapp é incluir um botão de Whatsapp através da funcionalidade "Página em Branco".
Para isso, você vai precisar usar o seguinte código HTML dentro da "Página em Branco" inserida no app:
<a
href="#" style="text-decoration: none;"
onclick="window.open(
'http://api.whatsapp.com/send?1=pt_BR&phone=5500000000000',
'_system', 'location=yes'); return false;"
<img src="https://i.imgur.com/suCWxMs.png" style="width:10%;">
</a>
Configurações específicas do site
Alguns erros podem ocorrer ao inserir uma URL dentro da funcionalidade "Página Web". O mais comum é a tela ficar em branco, sem redirecionar para o site cuja URL foi inserida. Isso ocorre pois, no momento da programação do site inserido, foram feitas restrições de execução do site em Iframe. Para isso sugerimos que converse com quem criou o site.
Sites não responsivos
Muitas vezes a página web pode não abrir corretamente na tela do smartphone pois o site não foi criado para uso em celulares e ele acaba não sendo responsivo. Para isso, é muito importante prestar atenção no momento de criação do site para que restrições como essa não sejam impostas. Para tornar o site em questão responsivo sugerimos que converse com quem criou o site.
Download e PDF na página Web
Não é possível fazer download de arquivos através do app. Por isso, indicamos que hospede os arquivos em um Google Drive e use o link desse Drive na URL da funcionalidade "Página Web". É possível separar diversos arquivos em pastas no Google Drive e utilizar o link dessas pastas em várias abas de página Web.
Aba Principal
Nos casos de inclusão da funcionalidade "Página Web" como aba principal do app, alguns funcionamentos indesejados podem ocorrer. Isso pois pode ser que haja alguma limitação na URL do site inserido que o impossibilita de aparecer corretamente na aba principal do seu app. Para isso, entre em contato com nossa equipe para que possa te ajudar, caso possível.
Observações importantes
Sempre teste o comportamento do site, página ou formulário instalando o app em um celular Android e/ou iPhone, pois o comportamento das mesmas pode ser diferente do simulador fornecido pela Fabapp;
Sites ou páginas que exibem conteúdos distintos para celular podem não funcionar corretamente no simulador e funcionar no app;
Sites ou páginas mais complexas podem funcionar no Android e não no iPhone, e vice-versa;
Links de navegação que possuam domínio diferente da URL cadastrada serão abertos no navegador do celular.
Atualizado em: 18/03/2023