Esta guía le muestra para qué sirve cada una de las opciones de software y cómo pueden resultar útiles.
Application Data
En esta sección podrás configurar los datos que identificarán a tu aplicación como su nombre, versión, código, paquete, descripción y orientación
- Name (requerido): Especifica el nombre formal de la aplicación, tal como aparece en la pantalla de inicio del dispositivo y en las interfaces de la tienda de aplicaciones.
- Version Name (requerido): Número de versión completo expresado en notación mayor/menor/parche. Por ejemplo,
1.3.6
- Version Code (requerido): Le permite configurar el código de versión que recibirá su aplicación, lo cual es útil cuando necesita publicar su aplicación en una tienda de aplicaciones, como Google Play.
- Package Name (requerido): Es el identificador único de tu aplicación que le permite destacarse del resto de aplicaciones existentes. Sólo se permiten caracteres alfanuméricos y puntos. Por ejemplo,
com.myapp.android
- Description (requerido): Especifica metadatos que pueden aparecer en los listados de la tienda de aplicaciones.
- Orientation: Le permite definir la orientación de su aplicación. Los valores permitidos son
Portrait
yLandscape
. El valor predeterminado esPortrait
Application Browser
En esta sección, puede configurar el dominio del sitio web que desea cargar o cargar sus propios archivos para que se sirvan locamente.
- Type of web site convert (requerido): Le permite seleccionar el tipo de sitio web que desea que muestre su aplicación,
https
ohttp
cargar sus propios archivoslocalhost
. ParaHttps
protocolosHttp
, debe proporcionar un dominio válido. ParaLocalhost
, debe seleccionar la carpeta que contiene todos los archivos que se entregarán y debe tener unindex.html
archivo como punto de entrada en su aplicación. - User Agent (opcional): Le permite configurar el agente de usuario para su aplicación, de forma predeterminada carga el valor desde el propio dispositivo Android.
- Loading url timeout: Esta opción te permite configurar el tiempo de espera para cargar el sitio web, el tiempo debe ser en milisegundos, el valor predeterminado es
20000 Milliseconds
. Después de este tiempo, se mostrará la pantalla de error, que se puede configurar para mostrar mensajes de error personalizados. - Customize error page (opcional): Le permite cargar un archivo HTML para personalizar la pantalla de error que se mostrará cuando un sitio web no se carga. Por ejemplo,
my_custom_error.html
- Plugins loading mode (requerido): Le permite seleccionar el modo de carga del complemento. Las opciones son
StartPage
,Manual
yautoLoad
. LaStartPage
opción intentará cargar los complementos tan pronto como el sitio web comience a cargarse, mientras queAutoLoad
intentará cargar los complementos una vez que el sitio haya terminado de cargarse. Por otro lado, laManual
opción está habilitada por defecto. Esta es la opción más recomendada, con esta opción debes cargar el script dentro de tu propio HTML
o también puedes hacerlo usando la ruta completa.<script type="text/javascript" src="webtoappx.js"></script>
<script type="text/javascript" src="http://localhost/webtoappx.js"></script>
Custom author
- Author Name (opcional): Nombre del autor.
- Email (opcional): Correo electrónico del autor.
- Url Web (opcional): Sitio web del autor.
Customize App
- Select Icon: Le permite seleccionar el ícono de la aplicación.
512x512 pixels
Se recomienda un icono. Si el icono no cumple con estos requisitos, el software lo ajusta automáticamente a estas dimensiones manteniendo las proporciones originales. - Status Bar Color: Habilita la configuración del color de la barra de estado de su aplicación, que se muestra una vez que se inicia la aplicación. También puedes modificarlo en tiempo de ejecución utilizando el
StatusBar
complemento especialmente diseñado. - Background Splash: Le permite configurar el color de fondo de la pantalla de presentación, que se muestra cuando se inicia la aplicación.
- Background Circle: Permite configurar el color del círculo que rodea el icono de la aplicación.
- Splash Duration: Le permite establecer la duración de la pantalla de presentación. Después de este tiempo, la pantalla de presentación desaparecerá.
- Application Build Mode: Permite seleccionar el modo de compilación para su aplicación, siendo las opciones aceptadas
Debug
yRelease
. ElDebug
modo le permite probar su aplicación y solucionar cualquier problema emergente, mientras que elRelease
modo compila su aplicación para uso en producción.
Application Extras
- Output: Le permite seleccionar la carpeta donde se guardará su aplicación compilada. De forma predeterminada, se almacena en la carpeta Descargas.
- Page access: Define los dominios externos con los que la aplicación puede comunicarse. Cuando el origen del acceso se establece en
*
, la aplicación puede acceder a cualquier servidor, pero esto puede crear potencialmente un riesgo de seguridad. Se recomienda especificar explícitamente las URL permitidas para garantizar una configuración segura. A continuación se muestran algunos ejemplos:
Permitir imágenes, xhrs, etc. desde google.com
https://google.com
Dar Acceso a todos los subdominios en google.com
http://*.google.com
Sin embargo, esto no garantiza completamente la carga de recursos de fuentes externas, como videos. Para ello, deberá especificar explícitamente las políticas de CSP dentro de su propio sitio web. Visita el siguiente enlace para más información Content Security Policy (CSP)
- allow-navigation: Esto controla a qué URL puede navegar WebView. Se aplica solo a navegaciones de nivel superior. Para permitir otras URL, debes configurarlo según las necesidades de tu aplicación, por ejemplo
http://*/*
http://*/*
https://*/*
data:*
- Page Access: Esto controla qué URL la aplicación puede pedirle al sistema que abra. Por ejemplo
sms:*
tel:*
sms:*
geo:
, para habilitar todas las aplicaciones en su sistema, use el simbolo:*
No Recommendado
Extras de la aplicación
- Shared Local Storage: Controla si las páginas abiertas dentro de un InAppBrowser pueden acceder al mismo almacenamiento local y WebSQL que las páginas abiertas con el navegador predeterminado.
- Full Screen: Le permite poner la aplicación en pantalla completa y ocultar la barra de estado. La forma recomendada es utilizar el complemento StatusBar para controlarlo.
- Status Bar Overlays WebView: Le permite controlar si mostrar la barra de estado o no; Si la aplicación está en modo de pantalla completa y esta opción está habilitada, la barra de estado se superpondrá en la parte superior de WebView.
- Enable Insecure File Mode: Habilitar esta configuración permite que scripts maliciosos cargados en un
file:///
contexto lancen ataques de scripts entre sitios, ya sea accediendo a archivos locales arbitrarios, incluidas cookies WebView, datos de aplicaciones privadas o incluso credenciales utilizadas en sitios web arbitrarios. - Disallow Overscroll: Establezca este valor en verdadero si no desea que la interfaz muestre ningún comentario cuando los usuarios se desplazan más allá del principio o el final del contenido. En Android, los gestos de desplazamiento excesivos producen un efecto de brillo más sutil a lo largo del borde superior o inferior del contenido.
- Keep Running: Determina si la aplicación continúa ejecutándose en segundo plano incluso después de que se activa un evento de pausa. Establecer esto en falso no cierra la aplicación después de un evento de pausa, sino que detiene la ejecución del código dentro de la vista web de Cordova mientras la aplicación está en segundo plano.
- Show Title: Muestra el título en la parte superior de la pantalla.