Aplicación web de packages para iOS: iframe a pantalla completa?

Hemos creado una aplicación web en línea y ahora nos gustaría empaquetarla para ipad y iPhone. Idealmente, todo lo que necesitamos es una window del browser a pantalla completa como un iframe que cargará la aplicación completa desde la web. Obviamente, podríamos hacerlo en el browser, pero necesitamos nuestro propio icono de inicio en el escritorio, así como la eliminación de la barra de direcciones del browser. He oído hablar de phoneGap y Appcelerator pero no estoy seguro de si esta configuration es posible usando estas plataforms.

¿Hay un método simple para lograr esto?

¿Hay problemas o problemas de security en iOS que debo tener en count?

Una gran cantidad de aplicaciones web están en la tienda de aplicaciones. Simplemente colocan un UIWebView en una aplicación vacía y lo apuntan a la aplicación web. Todo se ejecutará como en Safari, pero no habrá barras de herramientas, etc. Esto requerirá que tengas Xcode y una membresía al progtwig de desarrolladores.

Si no deseas pasar por la tienda de aplicaciones, puedes configurar tu aplicación para que puedas savela en tu dispositivo y se ejecutará como si fuera nativa. Aquí hay un enlace con un ejemplo de eso:

http://sixrevisions.com/web-development/html5-iphone-app/

Entonces, debes decidir cuál es el mejor para ti.

Aplicación nativa de iOS con UIWebView

  • Exposition en la tienda de aplicaciones
  • Abre la posibilidad de combinar tu aplicación con elementos de interfaz de usuario iOS nativos si quieres
  • Posibilidad de usar el acelerómetro, Bluetooth, Game Center y otras funciones de la aplicación nativa.

Aplicación HTML5 "sin connection"

  • No se requiere membresía o Xcode
  • Control total de tu aplicación (sin curación)
  • Fácilmente adaptable para trabajar en otros dispositivos.
  • No tiene que pagar un recorte del 30% si vende algo

En muchos casos, la experiencia del usuario será idéntica para cada opción una vez que la aplicación esté en el dispositivo. Pese las opciones y descubra lo que es mejor para usted.

Instrucciones para configurar la aplicación nativa para iOS con UIWebView

  1. Abra Xcode y select Archivo> Nuevo> Proyecto …
  2. Ingrese un nombre de producto y select la familia de dispositivos. Marque "Usar recuento automático de references" y desactive "Usar guiones charts" e "Incluir testings unitarias"
  3. Elija dónde colocar el proyecto
  4. Abra ViewController.m e inserte el código a continuación en viewDidLoad justo debajo de la línea [super viewDidLoad] .
  5. Cambia la URL "http://www.google.com" a la dirección de tu aplicación web.
 UIWebView *webView = [[UIWebView alloc] initWithFrame:self.view.frame]; NSString *urlAddress = @"http://www.google.com"; NSURL *url = [NSURL URLWithString:urlAddress]; NSURLRequest *request = [NSURLRequest requestWithURL:url]; [webView loadRequest:request]; [self.view addSubview:webView]; 

Puede pedirle al usuario que agregue el website a su pantalla de inicio, usando algo como esto .

Si lo han hecho, puede usar <meta name="apple-mobile-web-app-capable" content="yes" /> para eliminar la interfaz de usuario estándar de Safari, no mostrará la interfaz de usuario estándar de Safari.

Para especificar un ícono para la pantalla de inicio, use <link rel="apple-touch-icon" href="/custom_icon.png"/> .

Puede search más información aquí sobre aplicaciones web en iOS, incluyendo cómo configurar varios tamaños de icons y cómo configurar una image de inicio.