pichillilorenzo / flutter_inappwebview

A Flutter plugin that allows you to add an inline webview, to use a headless webview, and to open an in-app browser window.
https://inappwebview.dev
Apache License 2.0
3.01k stars 1.33k forks source link

Two-Way Communication Between Flutter web and JavaScript with Different Origins not working #2110

Open dgurudot opened 3 weeks ago

dgurudot commented 3 weeks ago

Description: I'm using flutter_inappwebview version 6.0.0 for my Flutter application, and I need to establish two-way communication between the Flutter web app and JavaScript, where both sides have different origins.

Steps to Reproduce:

  1. Set up an InAppWebView in a Flutter app.
  2. Implement JavaScript code in a web application loaded into the InAppWebView.
  3. Establish bidirectional communication between Flutter and JavaScript, ensuring both have different origins.
  4. Expected Behaviour: Messages should be able to be sent and received between Flutter and JavaScript, allowing for seamless two-way communication despite different origins.

Additional Context: I've tried utilizing the postMessage, addJavascriptHandlers, and webMessageChannels to handle communication from JavaScript to Flutter. However, I'm unsure how to handle communication from Flutter web to JavaScript and ensure bidirectional communication is established correctly.

github-actions[bot] commented 3 weeks ago

👋 @dgurudot

NOTE: This comment is auto-generated.

Are you sure you have already searched for the same problem?

Some people open new issues but they didn't search for something similar or for the same issue. Please, search for it using the GitHub issue search box or on the official inappwebview.dev website, or, also, using Google, StackOverflow, etc. before posting a new one. You may already find an answer to your problem!

If this is really a new issue, then thank you for raising it. I will investigate it and get back to you as soon as possible. Please, make sure you have given me as much context as possible! Also, if you didn't already, post a code example that can replicate this issue.

In the meantime, you can already search for some possible solutions online! Because this plugin uses native WebView, you can search online for the same issue adding android WebView [MY ERROR HERE] or ios WKWebView [MY ERROR HERE] keywords.

Following these steps can save you, me, and other people a lot of time, thanks!

NOTKATEAMmainAndroidDeveloper commented 3 weeks ago

Get same issue