Instalar o WebApp na tela inicial no iPhone?

Question

Como faço para permitir que meu WebApp seja instalado como um ícone na tela inicial de um usuário? Os dados são armazenados em cache localmente, para que o WebApp possa ser executado quando o usuário estiver fora do 3G?

Fiz um rápido Google, mas meus termos de pesquisa estavam faltando. Percebi que o Google Buzz me permitiu instalar localmente, e estou me perguntando qual é o processo para criar aplicativos da Web e se eles obtiverem tratamento especial (armazenamento em armazenamento em armazenamento em armazenamento/em execução).

Answer 1

Este comportamento é feito com um meta tag intitulado apple-mobile-web-app-capable.

Detalhes (e outro meta Tags úteis para aplicativos da web para iPhone): https://developer.apple.com/library/content/documentation/appleapplications/reference/safarihtmlref/articles/metatags.html

<meta name="apple-mobile-web-app-capable" content="yes">

Para definir um bom ícone para o seu aplicativo, você pode especificar um URL para o seu ícone:

https://developer.apple.com/library/content/documentation/appleapplications/reference/safariwebcontent/configurwebapplications/configuringwebapplications.html

<link rel="apple-touch-icon" href="/custom_icon.png" />

e uma tela de inicialização:

<link rel="apple-touch-startup-image" href="/startup.png" />

Dados posso ser localmente armazenado em cache. Você pode armazenar dados usando os vários HTML5 JavaScript APIs e manifesto de cache.

Answer 2

Consulte a resposta de Ceejayoz para as várias coisas específicas do iPhone (ícone, modo de tela cheia), mas para armazenar o aplicativo inteiro localmente (e executar offline), você precisará analisar o que é chamado de "manifesto de cache". Este arquivo, vinculado à tag HTML de abertura na sua página, lista todos os recursos que o aplicativo precisa para armazenar localmente.

Além disso, para armazenar do utilizador Dados, se necessário, você precisará analisar o banco de dados do lado do cliente. Eu não sei muito sobre isso, então não vou tentar explicar. : P

A Apple tem uma página decente aqui: https://developer.apple.com/library/content/documentation/iphone/conceptual/safarijsdatabaseguide/introduction/introduction.html#/pple_ref/doc/uid/tp40007256-ch1-sw1

Isso fala sobre o manifesto do cache e o armazenamento de banco de dados local. Isso deve ajudar a explicar o que você precisa fazer para fazer com que seu aplicativo seja executado offline.

Answer 3

Aqui está outro exemplo do que você está tentando fazer, pode ser útil: http://mrgan.tumblr.com/post/257187093/pie-guy