Documentación – WebViewGold para Mac

Cambiar a: [WebViewGold para iOS] [WebViewGold para Android]

Configuración de su sitio web / aplicación web

Cree un sitio web o una aplicación web optimizada para el escritorio y súbala a su espacio web. WebViewGold para macOS es compatible con HTML clásico, PHP, WordPress, Progressive Web Apps, juegos HTML5, Wix, Bubble, jQuery Mobile y con constructores modernos de IA/no-code como Lovable, Base44 y Bolt. Un flujo de trabajo de implementación profesional consiste en desarrollar su producto principal en jQuery, Lovable, Base44, Bolt, React, Vue, Angular u otra pila web y, a continuación, utilizar WebViewGold como contenedor nativo de aplicación para Mac que añade el empaquetado con Xcode, el comportamiento nativo de las ventanas de macOS, la gestión de URL, las integraciones de archivos y las opciones de distribución de la aplicación.

Optimice la experiencia como una auténtica aplicación de escritorio de macOS: utilice diseños responsivos para ventanas redimensionables, navegación adecuada para el teclado, estados claros de carga y error, endpoints HTTPS y pantallas de reserva concisas para situaciones sin conexión o de mantenimiento. Por ejemplo, puede desactivar el zoom del usuario si esto se ajusta a su especificación de interfaz:

<meta name="viewport" content="width=device-width, user-scalable=no" />

Ejemplo de implementación al estilo SDK

Mantenga su sitio web como la fuente canónica de la lógica de negocio y exponga pequeños ayudantes de JavaScript documentados para las acciones exclusivamente nativas. De este modo, la misma aplicación web seguirá siendo utilizable en los navegadores, mientras que WebViewGold para macOS proporciona la envoltura de escritorio. Para el SEO, mantenga indexables los títulos de ruta, las metadescripciones, los encabezados y el contenido estructurado en su sitio web público; para los usuarios de la aplicación, permita que WebViewGold cargue esas mismas rutas dentro de una experiencia nativa de aplicación Mac.

Configuración de WebViewGold para aplicaciones de escritorio en macOS

Xcode es necesario para configurar aplicaciones utilizando WebViewGold para macOS. Xcode es un potente entorno de desarrollo integrado (IDE) que se utiliza para crear aplicaciones para dispositivos Apple como iPhones, iPads y Macs. Es importante tener en cuenta que Xcode es un programa grande y puede ocupar una cantidad significativa de espacio de almacenamiento en su Mac. Además, Xcode solo está disponible para Macs y no es compatible con Windows o Linux. A continuación se ofrece una guía paso a paso para descargar e instalar Xcode en su Mac:

Haga clic aquí: Descargar Xcode en la Mac App Store
Haga clic en el botón «Obtener» o «Descargar» para iniciar el proceso de descarga.
Una vez completada la descarga, el instalador de Xcode se iniciará automáticamente.
Siga las instrucciones del instalador para completar el proceso de instalación.
Cuando la instalación finalice, abra Xcode desde la carpeta Aplicaciones o desde la búsqueda de Spotlight.
La primera vez que abra Xcode, es posible que se le pida instalar componentes adicionales o aceptar los términos y condiciones. Siga las indicaciones para completar el proceso de configuración.

En el siguiente paso, descargue WebViewGold para macOS para crear aplicaciones de escritorio de macOS. A continuación, abra el archivo de proyecto de Xcode:

Elija la carpeta public y configure el archivo config.json:

Abra el archivo index.html para editar la URL:

Si desea utilizar contenido HTML local (en lugar de una URL remota), simplemente reemplace el archivo index.html por su propio contenido.

Cambiar el icono de la aplicación

Simplemente reemplace los archivos de imagen incluidos por sus propios archivos de imagen redimensionados. Como alternativa, utilice esta útil herramienta: Asset Catalog Creator - App Icon, Image Set & Launch Screen Generator for iOS & OS X de Bridge Technologies Limited (no estamos afiliados con la empresa desarrolladora).

Cambiar el nombre de la aplicación

Opcional) Cambiar el texto de la pantalla sin conexión

Abra el archivo OfflineOverlay.xib en la subcarpeta Interface Builder. A continuación, haga doble clic en el texto para editarlo:

Opcional) Cambiar el texto del diálogo de primer inicio

Abra el archivo FirstRunWindow.xib en la subcarpeta Interface Builder. A continuación, haga doble clic en el texto para editarlo:

Opcional) Cambiar el texto / la duración de la pantalla de inicio

Abra el archivo SplashScreen.xib en la subcarpeta Interface Builder. A continuación, haga doble clic en el texto para editarlo:

Si desea modificar la duración máxima de la pantalla de inicio, abra el archivo Preferences.m en la subcarpeta Generic para cambiar el valor del tiempo de espera (en segundos):

API In-App Purchase & In-App Subscription

Dentro de algunas aplicaciones de macOS/Mac, es posible comprar contenido o servicios adicionales. Este tipo de compras se denominan «in-app purchases». Pueden constituir una fuente de ingresos atractiva para los desarrolladores y son muy cómodas para los clientes, ya que utilizan cuentas y medios de pago existentes para su liquidación. WebViewGold permite activar los In-App Purchases de la Mac App Store. Basta con añadir su In-App Purchase Product ID (obtenido en App Store Connect) al archivo Constants.h:

A continuación, basta con enlazar a este tipo de URL:

<a href="inapppurchase://?successful_url=https://www.google.com">Buy In-App Purchase</a>

Como alternativa, utilice este tipo de URL para los productos de suscripción:

<a href="inappsubscription://?successful_url=https://www.google.com&expired_url=https://www.yahoo.com">Start In-App Subscription</a>

En este ejemplo de URL, se llamará a https://www.google.com tras la activación satisfactoria de la suscripción, y se llamará a https://www.yahoo.com en cuanto la suscripción caduque.

API UUID

WebViewGold permite pasar un identificador de dispositivo único y no personal (UUID / «Universally Unique Identifier») a JavaScript, que puede utilizarse para identificar de forma única los dispositivos macOS. Esta API puede resultar útil, por ejemplo, para guardar configuraciones o valores en el servidor y restaurarlos en el cliente. Respete la normativa local e internacional en materia de privacidad si utiliza esta API.

<a href="get-uuid://">Get UDID</a>
<a href="#" onClick="alert(uuid);">Show UDID</a>

API Deeplinking

El deeplinking («Custom URL Scheme») es un enfoque potente que permite a los usuarios navegar directamente a una página o sección específica de una aplicación desde una fuente externa, como un sitio web, un correo electrónico u otra aplicación. En el contexto de la plantilla de aplicación para macOS de WebViewGold, el deeplinking permite a los desarrolladores crear enlaces que abren la aplicación y llevan a los usuarios a una página concreta dentro de ella.
El proceso para implementar el deeplinking en la plantilla de aplicación WebViewGold para macOS es relativamente sencillo. Así funciona:

Créditos / Licencia

Todos los derechos (por ejemplo, sobre las imágenes) pertenecen a sus respectivos propietarios. El proveedor de este código fuente es OnlineAppCreator.com c/o jocapps GmbH – registrado en Alemania – y no está afiliado a Apple. iOS es una marca registrada de Cisco utilizada bajo licencia por Apple Inc. iPad, iPhone, iPod, Xcode y el logotipo de Xcode son marcas registradas de Apple Inc. WebViewGold para Mac se basa en MacGap (licenciado bajo la licencia MIT).

Consulte la información de licencia de su compra en CodeCanyon: https://codecanyon.net/licenses/terms/tools

Valorar WebViewGold

Si dispone de 10 segundos, valore WebViewGold (es una gran motivación para futuras actualizaciones ^^):

1. Vaya a CodeCanyon.net e inicie sesión
2. Navegue hasta https://www.codecanyon.net/downloads
3. Haga clic en las estrellas, como se muestra en esta imagen:

¡Muchas gracias!