Como criar um app em Phonegap usando uma página online?


(Gabriel Masson) #1

Gostaria de criar um aplicativo que necessite de atualização constante, acredito que a melhor solução seria um aplicativo que "navegasse" em uma página web, cujo vai assumir o papel do aplicativo exibindo as informações, como a maioria dos aplicativos do FirefoxOS faz, entretanto não achei nenhum tutorial especifico, só achei para rodar a aplicação local (no celular) e requisitar dados do servidor ..


(William Bruno) #2

Mas isso é a mesma coisa, concorda?
Ou você quer também atualizar layout? elementos? estilos?

Se for isso, então faz logo um site responsivo..


(Diego Eis) #3

Talvez fazer um site responsivo, bem configurado, já resolva. Eu quero dizer bem configurado, me referindo que você defina um ícone para o site para quando o usuário salvar na Homescreen do aparelho, que você possa trabalhar com algum tipo de cache offline, para facilitar a velocidade do site etc etc etc.

O Itaú já usou essa sua abordagem no início, de fazer um site mobile, e o aplicativo que a gente baixava pela AppStore era um iframe, que simplesmente chamava o site online. Simples assim.

Bom, nunca mexi no Phonegap, mas acho que deve ser fácil fazer isso, que o trabalho todo não está do lado do phonegap, mas do desenvolvimento da sua aplicação online.


(Gabriel Masson) #4

então @wbruno , é que eu queria "ter o aplicativo" sakas kkkkkk seria na mesma base dos aplicativos do FirefoxOS .. que rodam online


(Rodolfobarretoweb) #5

@Gabriel_Masson seguinte essa solução que você quer é só você criar um projeto no phonegap e adicionar o iframe da seguinte forma.

Eu tive que fazer isso recentemente porque o chefe não me deu tempo para fazer uma aplicação mobile. Peguei o tal site e inclui no iframe.

Essa solução é uma gambiarra tosca. É melhor você desenvolver uma api e depois criar um projeto usando um ionic framework da vida para consumir essa mesma api.

Obs: Se você for usar o iframe, não coloque o mesmo no index. Se o seu usuário estiver usando 3G e não der tempo de abrir o seu iframe ele vai lançar um alerta bolado na tela e vai foder sua aplicação. Cria uma página no index que antecede o iframe e por lá cria um link para um novo documento e por lá você bota o iframe.


(Rafael Neri) #6

Pelo que entendi vc quer apenas uma webview apontando para para uma página remota.
Nesse caso existe muitos projetos de exemplo no github ensinando como fazer e sem a necessidade de usar o Phonegap.

Segue o link de como fazer com o Android:
https://github.com/re-enter-rupok/webview

E aqui tem um tutorial ensinando como fazer passo a passo:
https://developer.chrome.com/multidevice/webview/gettingstarted


(Felipe Wagner) #7

Bom dia!

No phone gap, existe o config.xml, onde tu pode definir vários parâmetros diversos, entre eles onde está o index.html da sua aplicação, que em seu caso será um servidor remoto...

ex:

 <widget id="com.example.hello" version="0.0.1">
    <name>HelloWorld</name>
    <description>
        A sample Apache Cordova application that responds to the deviceready event.
    </description>
    <author email="dev@callback.apache.org" href="http://phonegap.com">
        Apache Cordova Team
    </author>
    <content src="www.example.com/mobile/index.html" />
    <access origin="*" />
</widget>

(Sérgio Lopes) #8

Dizem que a Apple não aprova Apps nesse estilo. O código precisa estar embedado na App, não pode ser baixado do servidor remoto.


(Felipe Wagner) #9

Sérgio, não efetuei este tipo de deploy ainda,

porém com a nova política da apple você é obrigado a 'setar' App Transport Security para o seu domínio, no exemplo anterior seria para example.com


(Sérgio Lopes) #10

Nao digo esse tipo de restrição de seguranca. É das guidelines da AppStore mesmo. Nao pode ser apenas um wrapper num site remoto. Eles proibem isso.

Se googlar vai achar um monte de gente falando. Mas propria Adobe fala disso:

If your app is just a web site wrapped in PhoneGap, it will likely get rejected. There are exceptions to this case, but do not expect that wrapping a web site in a web view will get you into the App Store.

Fonte: http://www.adobe.com/devnet/phonegap/articles/apple-application-rejections-and-phonegap-advice.html


(Felipe Wagner) #11

Bom saber! Estava pensando em integrar o Ionic Deploy (serviço que faz o controle de versões do app rodando remotamente).

Valeu!


(André Mácola Machado) #12

Recomendo fortemente dar uma olhada no Framework7. A performance dele é inacreditável.

http://www.idangero.us/framework7/#.Vh_bvRCrTAw
http://thejackalofjavascript.com/framework7-phonegap-getting-started/


(Rodolfobarretoweb) #13

Muito legal os dois links. Grande compartilhamento !


(Nick Lima) #14

Ótima dica @andremacola. Vou dar uma pesquisada pois pretendo em breve criar um app para um projeto pessoal.


(Diego Eis) #15

(Gabriel Masson) #16

então no caso eu não preciso usar um IFRAME? .. posso adicionar isso no .xml e minha aplicação / site já vai funcionar?


(Bruno Monteiro) #17

Gabriel,

Acredito que o Ionic possa te ajudar. Estou trabalhando em um projeto que terá atualizações de conteúdo constantes (quase que diariamente), e será alimentado pelo Wordpress.

Criar a integração do Ionic com uma plataforma que alimente o conteúdo é relativamente fácil. No meu caso, estou fazendo apenas a leitura de um JSON.

Vale a pena dar uma olhada: http://ionicframework.com/