Developer technologies | .NET | .NET MAUI
A Microsoft open-source framework for building native device applications spanning mobile, tablet, and desktop.
Is there a way to create bi-directional communication between MAUI app and web application using HybridWebview in .NET 7 MAUI
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(3.2, 18%, 10%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EPG%3C/text%3E%3C/svg%3E)
PRASHANT GORAKH MANE
106
Reputation points
I have created simple MAUI application and trying to communication with Blazor web application through HybridWebView MAUI.
Here's MAUI application Source code link
https://github.com/PrashantGorakhMane/WebView-MAUI.git
and
sample blazor application source code link
https://github.com/PrashantGorakhMane/BlazorSampleApp.git
I'm able to invoke MAUI C# methods from WebView, but can't invoke Web blazor methods from MAUI and even not able to return any value.
Developer technologies | .NET | .NET MAUI
{count} votes
-
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(316.8, 40%, 40%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EYL%3C/text%3E%3C/svg%3E)
Yonglun Liu (Shanghai Wicresoft Co,.Ltd.) 50,151 Reputation points Microsoft External Staff2022-12-19T02:46:46.137+00:00 I'm able to invoke MAUI C# methods from WebView, but can't invoke MAUI C# methods from WebView and even not able to return any value.
Could you please explain the intent of this sentence more clearly?
I have created simple MAUI application and trying to communication with Blazor web application through HybridWebView MAUI.
The best practice for communicating with web applications is to use RESTful APIs.
Blazor is based on ASP .NET Core, so you can refer to this documentation for adding Web APIs: Tutorial: Create a web API with ASP.NET Core.
The following minimal code sample shows how to return the json through the web API:
WeatherForecastService forecastService = new WeatherForecastService(); app.Map("/api/hello", () => forecastService.GetForecastAsync(DateOnly.FromDateTime(DateTime.Now)).Result.ToJson());Then, you could refer to Consume a REST-based web service to get more details about how to deal with the web API on MAUI applications.
Would it be helpful for you? Your prompt reply will be highly appreciated.
-
PRASHANT GORAKH MANE 106 Reputation points
2022-12-19T04:04:24.217+00:00 Hi @Yonglun Liu (Shanghai Wicresoft Co,.Ltd.) , Thank you so much for reply.
Actually we need data from Mobile Platform like Camera data, Images, etc and for every action I can't use WEB API. just like I'm invoking MAUI methods from web application through WebView, I want to invoke web application methods from MAUI or return data from MAUI to web app.
-
PRASHANT GORAKH MANE 106 Reputation points
2022-12-19T07:16:24.023+00:00 Hello @Yonglun Liu (Shanghai Wicresoft Co,.Ltd.) ,
Even If I use REST-based web service, I'm only able to invoke API call from Web application, but in my case, I'm trying to take photo or user inputs from MAUI application when I hit the button which is on Web application form. Make sense? -
PRASHANT GORAKH MANE 106 Reputation points
2022-12-19T13:53:24.01+00:00 I have created two application one is Web assembly(Blazor) and another is MAUI mobile App.
Here's MAUI application Source code link
https://github.com/PrashantGorakhMane/WebView-MAUI.git
and
sample blazor application source code link
https://github.com/PrashantGorakhMane/BlazorSampleApp.gitObjective: Communicating between MAUI app and web blazor application using HybridWebview.
In Web blazor application, added button for Take Photo.
In MAUI application, I have used HybridWebView and bind that URL to source property of HybridWebView.Invoke Platform Specific code from web Blazor App
after run the MAUI application, when clicked on ‘Take Photo’ button I’m able to trigger MAUI Method from Web application and able to take photo using cameraInvoke web Blazor App calls from MAUI app
but couldn’t send that image data back to web Application.
How to invoke platform specific functionality from MAUI Blazor Webassembly client app and receive the returned data ? -
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(22.400000000000002, 3%, 12%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EWZ%3C/text%3E%3C/svg%3E)
Wenyan Zhang (Shanghai Wicresoft Co,.Ltd.) 36,451 Reputation points Microsoft External Staff2022-12-21T10:47:59.553+00:00 For your scenario,it is recommended to open a support ticket for this. Please contact our paid phone support at MS Support.
You will get 1:1 support on that. -
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(96, 63%, 19%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EK%3C/text%3E%3C/svg%3E)
karaye91 1 Reputation point2022-12-21T15:02:51.523+00:00 I have created two application
-
karaye91 1 Reputation point
2023-01-01T19:49:55.323+00:00 Thanks and reggards.. mobdro 2022
Sign in to comment
Sign in to answer