ModernWebBrowser object - How to send messages from VisualNEO Win to JavaScript? / Objeto ModernWebBrowser - ¿Cómo enviar mensajes desde VisualNEO Win hacia JavaScript? - Forum

Forum Navigation
You need to log in to create posts and topics.

ModernWebBrowser object - How to send messages from VisualNEO Win to JavaScript? / Objeto ModernWebBrowser - ¿Cómo enviar mensajes desde VisualNEO Win hacia JavaScript?

Hello,

I am working with the new ModernWebBrowser object included in the latest version of VisualNEO Win.

I can receive messages from JavaScript correctly using the "Message Received" event.

For example, my HTML sends:

chrome.webview.postMessage(JSON.stringify({
    comando:"seleccionar_fuente"
}));

and VisualNEO receives the message correctly.

My question is:

What is the correct action/command to send a message back from VisualNEO Win to the WebView JavaScript side?

I need a bidirectional communication:

HTML / JavaScript
        |
        | postMessage
        ↓
ModernWebBrowser - Message Received
        |
        | VisualNEO executes commands
        ↓
VisualNEO sends response back
        |
        ↓
JavaScript receives the message

I need to send JSON data back to the webpage, for example:

{
 "tipo":"fuenteSeleccionada",
 "nombre":"Impact",
 "tamano":"140",
 "estilo":"Bold"
}

I checked the events available in the ModernWebBrowser object:

  • Before Navigate
  • Navigation Completed
  • Navigation Error
  • Title Changed
  • Message Received

but I cannot find the action/command for sending a message or executing JavaScript from VisualNEO.

Is there a native action for:

  • sending a WebView2 message to JavaScript?
  • executing JavaScript code from VisualNEO?
  • accessing the WebView2 communication bridge?

Thank you.


Versión en español

Hola,

Estoy trabajando con el nuevo objeto ModernWebBrowser incorporado en la última versión de VisualNEO Win.

Puedo recibir mensajes desde JavaScript correctamente usando el evento:

Mensaje recibido

Por ejemplo, desde HTML envío:

chrome.webview.postMessage(JSON.stringify({
    comando:"seleccionar_fuente"
}));

y VisualNEO recibe correctamente el mensaje.

Mi consulta es:

¿Cuál es el comando o acción correcta para enviar una respuesta desde VisualNEO Win nuevamente hacia JavaScript?

Necesito comunicación bidireccional:

HTML / JavaScript
        |
        | postMessage
        ↓
ModernWebBrowser - Mensaje recibido
        |
        | VisualNEO procesa
        ↓
VisualNEO responde
        |
        ↓
JavaScript recibe la respuesta

Necesito enviar datos JSON nuevamente al HTML, por ejemplo:

{
 "tipo":"fuenteSeleccionada",
 "nombre":"Impact",
 "tamano":"140",
 "estilo":"Bold"
}

En las acciones/eventos disponibles del objeto ModernWebBrowser solamente encuentro:

  • Antes de navegar
  • Navegación completada
  • Error de navegación
  • Cambio de título
  • Mensaje recibido

pero no encuentro la acción para:

  • enviar mensajes hacia JavaScript;
  • ejecutar JavaScript desde VisualNEO;
  • utilizar el puente WebView2 en sentido inverso.

¿Existe una acción nativa para enviar información desde VisualNEO Win al contenido HTML?

Gracias.

@joferar333
Si claro, tienes BrowserV2PostMessage y BrowserV2PostJSON.

Dispones de un ejemplo completo con la instalación de VisualNEO Win en:
Documentos\VisualNeoWin\Sample Apps\Modern Samples\03 ModernWebBrowser

Saludos.

@luishp  hola luis yo no tengo esto que me indicas

Documentos\VisualNeoWin\Sample Apps\Modern Samples\03 ModernWebBrowser

Lo unico que yo tengo es

c:\Users\aval\Documents\VisualNeoWin\Sample Apps\Modern Plugin Collections\VisualNEO Essentials\

Volvi a instalar visualneo win por las dudas pero siguen sin aparecer los elementos que me mencionas

Me puedes facilitar este material

Gracias saludos!

Hola @joferar333

No te preocupes, está todo publicado en Github:
https://github.com/sinlios/visualneo-win-examples

Saludos!

alangonzalez91 has reacted to this post.
alangonzalez91

Hola @joferar333

No te preocupes, está todo publicado en Github:
https://github.com/sinlios/visualneo-win-examples

Saludos!

alangonzalez91 has reacted to this post.
alangonzalez91

@luishp Gracias Luis! ya los descargue
aprovecho y te comento asi no pongo otro post encontre un pequeño bug

Cuando abres el editor de acciones e intentas Reemplazar NO FUNCIONA

 

Saludos