Red de conocimiento informático - Aprendizaje de programación - El principio de js llamando a la interfaz nativa en una aplicación híbrida

El principio de js llamando a la interfaz nativa en una aplicación híbrida

El desarrollo de las redes móviles ha promovido la popularidad de las aplicaciones móviles. Actualmente existen tres tecnologías principales de desarrollo de aplicaciones en el mercado, incluido el desarrollo nativo, el desarrollo híbrido y el desarrollo RN/weex.

Este artículo presenta principalmente el principio de js llamando nativo en una aplicación híbrida. La aplicación híbrida utiliza webview en Android/iOS para cargar páginas web. En realidad, es equivalente a crear un shell nativo y cargar páginas web en su interior. A nivel empresarial, siempre que no dependa demasiado del rendimiento y pueda satisfacer las necesidades, se pueden utilizar algunas funciones del hardware, como cámaras, posicionamiento, etc., luego se deben realizar llamadas nativas.

1.js llama nativamente, Android principalmente a través de WebViewClient. El método ShouldOverrideUrlLoading se utiliza para interceptar la URL en el formato especificado y llamar a la función nativa correspondiente interceptando la URL específica y obteniendo los parámetros correspondientes. Aquí usamos principalmente el complemento cordova para hacer un ejemplo

Arriba hemos visto la inicialización de cordova, que se define principalmente en la devolución de llamada. Después de que js llama a nativo, el nativo procesa el resultado y lo devuelve. a js. Esto se hace mediante devoluciones de llamada.

3. Cree el enlace y envíe el enlace pokeNative

Aquí, podemos ver que las llamadas nativas se pueden realizar a través de iframe y XHR.

Esta es la forma en que js llama a local y el procesamiento local se completa a través de webView. addJavascriptInterface llama al método montado en el objeto de ventana en js. Esta es una devolución de llamada unificada NativeCallback. La devolución de llamada actual se identifica por callbackID. Esta es una devolución de llamada unificada. NativeCallback identifica qué función en js necesita una devolución de llamada. la interacción se completa

En resumen, el esquema principal es que la interacción entre js y nativo se completa a través de dos métodos nativos: addJavascriptInterface y shouldOverrideUrlLoading.