iOS WebViews
Esta guía le muestra cómo incrustar un componente WebView Cordova habilitado dentro de una aplicación iOS más grande. Para más detalles sobre cómo estos componentes pueden comunicarse entre sí, vea aplicación Plugins.
Apoyo WebViews iOS comenzó con Córdoba versión 1.4, usando un Cleaver
para que sirve la plantilla de Xcode como una implementación de referencia del componente. Cordova 2.0 y versiones posteriores sólo admiten la implementación basada en el subproyecto Cleaver.
Estas instrucciones requieren menos Cordova 3.x y Xcode 6.0, junto con un config.xml
el archivo de un proyecto de iOS recién creado. Puede utilizar el procedimiento en la interfaz de línea de comandos para crear un nuevo proyecto, y luego obtener el config.xml
archivo de dentro del subdirectorio dentro de la aplicación llamadoplatforms/ios
.
Para seguir estas instrucciones, asegúrate de que tienes la última distribución de Córdoba. Descargar desde cordova.apache.org y descomprimir el paquete de iOS.
Cleaver agregando al proyecto Xcode (subproyecto CordovaLib)
Deja de Xcode si se está ejecutando.
Abra una terminal y desplácese hasta el directorio fuente para iOS Cordova.
Copia el
config.xml
archivo descrito anteriormente en el directorio del proyecto.Abra Xcode y utilizar el buscador para copiar el
config.xml
archivo en la ventana de su Navegador de proyectos .Elija crear grupos para cualquier añadidos carpetas y pulse Finalizar.
Utilice el buscador para copiar el
CordovaLib/CordovaLib.xcodeproj
archivo de Xcode Navegador de proyectosSeleccione
CordovaLib.xcodeproj
en el navegador de proyectos.Tipo de la combinación de teclas Command-Option-1 para mostrar el Inspector File.
Elegir relativo al grupo en el Inspector de archivo del menú desplegable para Ubicación.
Seleccione el icono de proyecto en el Navegador de proyectos, seleccione el destinoy seleccione la ficha Configuración de construir .
Agregar
-force_load
y-Obj-C
para el valor de Otras banderas del vinculador .Haga clic en el icono de proyecto en el navegador de proyectos, seleccione el destinoy seleccione la ficha Fases construir .
Ampliar los binarios de enlace con las bibliotecas.
Seleccione el + botón y agregue los siguientes Marcos. Opcionalmente en el Navegador de proyectos, moverlos en el grupo de Marcos :
AssetsLibrary.framework CoreLocation.framework CoreGraphics.framework MobileCoreServices.framework
Ampliar Las dependencias de destino, el cuadro superior con esa etiqueta si hay más de una caja.
Seleccione el + botón y agregar el
CordovaLib
construir el producto.Ampliar Los binarios de enlace con las bibliotecas, el cuadro superior con esa etiqueta si hay más de una caja.
Seleccione el + botón y añadir
libCordova.a
.Fijar la Xcode preferencias → ubicaciones → derivada datos → avanzado... a único.
Seleccione el icono de proyecto en el navegador de proyectos, selecciona tu destinoy seleccione la ficha Configuración de construir .
Búsqueda de rutas de búsqueda encabezado. Para esa configuración, agregar estos tres valores abajo, incluyendo las comillas:
"$(TARGET_BUILD_DIR)/usr/local/lib/include" "$(OBJROOT)/UninstalledProducts/include" "$(BUILT_PRODUCTS_DIR)"
A partir de Cordova 2.1.0,
CordovaLib
ha sido actualizado para utilizar el Conteo automático de referencia (ARC). No necesitas actualizar a ARC para utilizarCordovaLib
, pero si desea actualizar su proyecto para utilizar ARC, debe usar el Asistente para migración de Xcode de la Editar → Refactor → convertir en Objective-C arco... menú, anular la selección de libCordova.a, luego ejecute el Asistente para completar.
Usando CDVViewController
Agregue el siguiente encabezado:
#import <Cordova/CDVViewController.h>
Instanciar un nuevo
CDVViewController
y consérvelo en algún sitio, por ejemplo, a una propiedad de clase:CDVViewController* viewController = [CDVViewController new];
Opcionalmente, establezca el
wwwFolderName
propiedad, cuyo valor predeterminado eswww
:viewController.wwwFolderName = @"myfolder";
Opcionalmente, configurar la página de inicio el
config.xml
del archivo<content>
de la etiqueta, ya sea un archivo local:<content src="index.html" />
.. .o un sitio remoto:
<content src="http://apache.org" />
Opcionalmente, establezca el
useSplashScreen
propiedad, cuyo valor predeterminado esNO
:viewController.useSplashScreen = YES;
Establecer el marco de la vista. Siempre definir esto como la última propiedad:
viewController.view.frame = CGRectMake(0, 0, 320, 480);
Agregar la cuchilla a la vista:
[myView addSubview:viewController.view];
Adición de HTML, CSS y JavaScript activos
Crear un nuevo directorio dentro del proyecto,
www
por ejemplo.Coloque el HTML, CSS y JavaScript activos en este directorio.
Utilice el buscador para copiar el directorio en la ventana del Navegador de proyecto de Xcode.
Seleccione crear carpeta referencias para cualquier añadidas carpetas.
Establecer la adecuada
wwwFolderName
ystartPage
las propiedades para el directorio creado inicialmente, o utilizar los valores predeterminados (especificados en la sección anterior) al crear instancias de laCDVViewController
./* if you created a folder called 'myfolder' and you want the file 'mypage.html' in it to be the startPage */ viewController.wwwFolderName = @"myfolder"; viewController.startPage = @"mypage.html"